Abstract
This study aimed to develop a web image processing application in order to process the pictures online. First, the front-page was designed and layout by HTML, CSS and BootStrap, then using File API to read the pictures or invoke the local camera to take pictures, and draw them into Canvas. Next the basic image processing algorithm were studied, and through the JavaScript scripting language to achieve pixels processing. The result is that a web image processing application was developed. Users can get the basic adjustment function to the acquired images such as brightness, contrast and basic filter such as mosaic. This study used Canvas technology that provided by HTML5 to develop a high quality native applications without relying on plug-ins. Users do not need to download the client, just a web site that can get the basic adjustment function to the images. It was worth researching.
Access this chapter
Tax calculation will be finalised at checkout
Purchases are for personal use only
References
Yu Fei. A Research and Implementation of Graph and mage Collaborative Processing Technology Based on HTML5 [D]. Yangtze University, 2015.
Zhu Wen. The Research of Online Image Processing Method Based on HTML5 Canvas Technology[D]. GuangZhou:South China University of Technology, 2013.
HOU Shu-ying. Comparison to Advantage of B/S Pattern and C/S Pattern [J]. Journal of Shenyang College of Education, 2007, 02:98–100.
Liu Qian. The Research of Graphics and Image Processing Technology in HTML5 [J]. Soft Development, 2014, 08:93.
Zhang Yuqing, Huang Jinping. Research and Implementation of Key Technology of Cross Platform Mobile Application Based on HTML5[J]. Industrial Control Computer, 2013, 03:56– 58.
Shen Ke, Si ZhanJun. Study on the Effect of 360 Degree Display of Goods Based on HTML5 [J]. Software Giude, 2015, 09:169–171.
Boulos Maged N Kamel, Warren Jeffrey, ect. HTML5 and the canvas element for interactive online mapping [J]. International Journal of Health Geographics, 2010, 9:30–32
Zheng Meirong. Research and Implement of HTML5-based Web Application[J], 2014, 27(12):120–122.
Yu Fei. Research on the Processing Technology of HTML5 Graphics [J]. Computer CD Software and Applications, 2013, 12:261–263.
Author information
Authors and Affiliations
Corresponding author
Editor information
Editors and Affiliations
Rights and permissions
Copyright information
© 2017 Springer Nature Singapore Pte Ltd.
About this paper
Cite this paper
Dong, C., Si, Z. (2017). Research and Application of Online Image Processing Technology Based on HTML5. In: Zhao, P., Ouyang, Y., Xu, M., Yang, L., Ouyang, Y. (eds) Advanced Graphic Communications and Media Technologies . PPMT 2016. Lecture Notes in Electrical Engineering, vol 417. Springer, Singapore. https://doi.org/10.1007/978-981-10-3530-2_46
Download citation
DOI: https://doi.org/10.1007/978-981-10-3530-2_46
Published:
Publisher Name: Springer, Singapore
Print ISBN: 978-981-10-3529-6
Online ISBN: 978-981-10-3530-2
eBook Packages: EngineeringEngineering (R0)