基于HTML5的图形图像协同处理技术研究与实现

发布时间：2019-04-18 09:23

【摘要】：网络技术,一直在深刻而且快速的改变人们的生活。越来越多的人们喜欢在网络上购物、聊天、办公。越来越多的应用程序也在浏览器上出现,例如文档编辑软件、图像处理软件等。同传统的桌面应用相比,Web应用具有操作和维护起来简单,利于多人共享以及易于安装部署和易于扩展的特点,还可以充分利用本机的资源,有效的融合了Web和桌面两个软件领域的优势,是未来软件发展的趋势。当前在网页上处理图像主要是使用SVG、Flash等一些插件技术,实现过程复杂,对插件的依赖性大。新生的HTML5技术,提供了丰富的多媒体应用功能,极大的减少了传统Web应用对插件的依赖。H TML5的Canvas技术,彻底改变了传统的Web图形图像处理技术,它只需要一个简单的页面元素,通过调用其内置的图形绘制函数和像素级的处理功能,就能完成以前复杂的图形图像处理功能。WebSocket,是Web的一个全双工的通信通道,能够构建Web的实时通信,解决了长期以来Web实时通信依赖轮询等方式的不足之处。HTML5技术的出现,让很多人在研究解决基于Web的图形图像处理问题上,找到了新的解决思路。在实现协同的图形图像处理功能,以及在探讨未来图形图像处理的出路,和尝试在移动设备上完成图形图像处理功能方面,HTML5都具有极大的影响力和技术优势。在本篇论文中,使用计算机图形图像处理的知识,利用HTML5的图形图像处理功能,以及实时通信功能,研究了在Web上进行图形图像处理,以及进行多人协同处理图形图像的技术,并设计开发了图形图像处理平台,以验证该项技术的可行性。最后尝试了在移动设备上进行图形图像的处理。本文的主要研究工作如下：研究在Web上绘制图形,绘制图片,对图像的各种变换处理、滤镜效果处理,以及图层的管理。定义了绘图中需要的图形对象和操作对象的数据格式,用于在多人协同绘制图形和处理图像的过程中,进行数据的格式化及封装、传输和解析。实现多人协同进行图形图像处理,实现多人协同完成图像的绘制、处理。构建了全双工的实时通信,实现多人在线实时交流。利用HTML5的实时通信技术,构建了支持HTML5连接和数据传输的数据交换服务器,为Web中图形图像的协同绘制,以及实时交流,提供数据交换服务,实现协同处理和实时交流。最后,利用以上的研究成果,设计并开发了基于HTML5的图形图像协同处理平台,命名为WebPhotoshop,通过该平台能够实现在网页上绘制图形,进行图形变换,进行图像滤镜效果处理,进行多用户协同绘图和处理图像,以及进行多人的实时交流,对图形图像处理的移动应用也做了初步尝试。本文的研究,是对在Web环境下,协同处理大型图形图像技术的初步探讨,结果证明,在Web上协同处理图形图像是完全可能的,处理效果和效率可以达到传统的桌面应用程序的水平。未来,随着移动设备的发展,利用HTML5对移动设备的支持性,在移动设备上处理图形图像也完全成为可能。
[Abstract]:......
【学位授予单位】：长江大学
【学位级别】：硕士
【学位授予年份】：2015
【分类号】：TP393.09;TP391.41

【参考文献】