1. 研究目的与意义
随着网页技术的飞速发展,在线的应用程序越来越受到用户的欢迎,很多业余摄影爱好者开始采用在线的图片处理软件来对照片进行后期处理。传统的在线图片处理系统是采用flash技术来实现的,但是在移动终端普及的今天,其兼容性和维护性问题越来越严重。html5的图像处理系统,随着html5的普及吸引了越来越多开发者的注意,大有取代flash技术的趋势。
html5是万维网的核心语言、标准通用标记语言下的一个应用超文本标记语言的第五次重大修改。2014年10月29日,万维网联盟宣布,经过几乎8年的艰辛努力,该标准规范终于最终制定完成。html5不仅仅是一次简单的技术升级,更代表了未来web开发的方向。html5主要特征有:简化了以前的html格式和脚本;取消插件。其新的功能应用主要有:绘画、通讯、后台处理、无插件的音频和视频支持、地理定位、本地数据存储等。
html5提供了canvas标记元素来实现绘图功能。该元素可以使用浏览器脚本语言调用canvas自带的函数进行图形绘制和对图像的像素操作。相较于传统的在服务器端先画好图片,再把图片发到浏览器中,或者用第三方插件显示的方式,它与浏览器渲染引擎结合紧密,节约了资源,并极大地简化了图形和网页中其他元素的交互过程。
2. 国内外研究现状分析
Html5已经出来很多年了,html5是一个基于浏览器的协作标准,可以让各种不同的素材在浏览器中流畅运行,它最大的优点在于跨平台性、易开发以及开发成本低。在2010年以前,Adobe还统计全球有75%的网站在视频图像中采用Flash技术。但截至去年,html5的普及已经广泛被人们所接受,有85%的网站都在是html5技术来处理。
在国际上进行图像处理研究开始于60年代。国内的技术研究起步要比国外晚。基于html5的图片处理研究,国外已经对html5技术进行了很多的研究与尝试,但是html5仍然处于完善之中。而国内对于html5技术大部分的开发者都还处于学习阶段,据统计html5适合开发的应用类型,各方面占比比较平均。开发者们在开发过程中最为烦恼的就是缺少中文材料和技术支持,其次就是html5规范不完整,很多应用需求无法实现。
3. 研究的基本内容与计划
该设计的系统是基于myeclipse为后台在网页上进行的实现功能的,在网页上能够进行登录功能,图片数据的增删改查功能,能够将图片进行上传,基于html5技术将图片能够进行裁剪、旋转、放大、缩小等比较简单的修改功能,最后能够呈现出html5的图片广告模块。本系统使用struts2框架,运用java,javascript,html5语言进行编码,用myeclipse为后台作为开发工具进行开发运行检测。
4. 研究创新点
相较于传统的在服务器端先画好图片,再把图片发到浏览器中,或者用第三方插件显示的方式,使用html5进行图片处理,与浏览器渲染引擎结合紧密,节约了资源,并极大地简化了图形和网页中其他元素的交互过程。Html5就相当于一种载体,是制作网页的架构,HTML5的画图标签允许我们做更多的互动和动画,让我们更加简单、方便地处理图片。
