基于HTML5的电网图形软件研究与开发-计算机技术专业论文.docxVIP

摘 要 基于 HTML5 的电网图形软件只需一个可以上网的浏览器便可工作，无需安 装专门的软件，避免对众多客户端电脑安装及维护软件，与操作系统平台相关性 不大。相比于现有的其他浏览器的矢量图形绘制技术，HTML5 提供的 Canvas API 使软件不需要安装插件即可使用，因此不存在插件的浏览器兼容性等问题。传统 的基于 HTTP 的实时通信技术存在服务器负荷过重、延迟时间长等各种问题，无 法实现真正意义上的实时通信效果，HTML5 的 WebSocket 协议提供了全双工双 向通信。综上所述，基于 HTML5 的电网图形软件的研究与开发具有一定的现实 意义和实用价值。 基于 HTML5 新标准旨在研究开发出一个仅使用浏览器，去插件化，高效， 多人协同，“富客户端”的电网图形软件。分析了图形建模和 Canvas 绘图的关键 技术，构建了 Canvas 绘图底层框架，为绘制电力图元奠定基础。建立了电网图 形模型，设计了电网图形的绘图及操作功能，建立了图元数据库，完成了图形数 据库的一体化。开发出了基于 HTML5 的电网图形软件，基本实现了在浏览器中 厂站主接线图的绘制和对图元的各种操作、多人协同绘图等。基于 HTML5 新标 准，保持了标记性语言轻量、跨平台特点，与需要调用功能插件的软件相比，其 效率高，浏览器应用范围广，可应用于多种终端，安装和维护成本低，软件与用 户、用户与用户的实时交互性也得到提高。 关键词：图形软件；图元；HTML5 Canvas；WebSocket；一体化 Abstract Electric grid graph software based on HTML5,only need a browser which can surf the internet to work.It can avoid installing and maintaining softwares on numerous client computers and work at different system platforms.Compared to other existing vector graphics rendering technologies on browser,the canvas API provided by HTML5 make the software be used without installing plug-ins,and it removes the plug-browser compatibility and other problems.Traditional HTTP-based real-time communication technologies have problems such as server overload,long latency.It can?t achieve the real-time communication,while WebSocket HTML5 provides a full-duplex bidirectional communication.In summary,the electric grid graph software based on HTML5 has some practical significance and practical application. The pupurse of this thesis is to develop an electric grid graph softwa re based on new HTML5 standard.It only needs a browser and doesn?t need the plug-ins,it?s efficient and collaborative.It analysed the key technologies of graphical modeling and Canvas.It constructed the model of the electric grid graph and designed the function of drawing and operating.It built the primitive database and completed the integration of the graph database.It developed the electric grid graph software based on HTML5. In a browser it realized basically th