Research and Application of Online Image Processing Technology Based on HTML5

摘要

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.