目前最有前景和最先进的前端开发技术即是HTML5技术。HTML5是一些独立特性的集合,是下一代web的标准,图形组态软件是监控组态软件的核心部分,目前还没有真正意义上跨平台和满足无线移动应用的监控组态软件。将HTML5引入工控图形组态软件设计中是一种较为新颖的尝试。为了满足无线移动监控终端和跨平台的新型图形监控组态编辑和实时运行软件应用需求,本文首先通过对各种图形显示技术对比,选取HTML5和SVG作为软件开发的技术基础,对技术和框架的使用做了介绍,同时结合工控图形监控组态软件的功能需求,设计以模块编辑、基于WEB、跨平台三个主要特点的新型组态软件主体部分图形组态软件。以组态开发模块为主要工作内容,能够在PC客户网页端直接进行图形组态编辑,同时可在PC、移动端浏览器进行实时画面监控。对于组态编辑部分,利用HTML5标准和SVG技术,运用面向对象设计思想,设计实现图元编辑操作界面,同时完成一套能在多种PC浏览器支持下运行的组态编辑画面；监控显示部分则运用HTML5的<canvas>技术,引入RGraph绘图控件,实现在客户端层面进行监控趋势画面和数据统计图表的绘制,无需客户端下载绘图画面,提高画面显示的实时性和便捷性,提供支持组态运行的数据模块和存储方式。由于针对浏览器开发,在各平台浏览器就能实现实时监视和历史数据查取。