基于HTML5 Canvas的态势符号标绘系统设计与实现

针对在线态势符号标绘系统如何快速渲染大数据量态势符号的难题,本文设计了在线态势符号标绘系统框架,研究了基于Canvas的态势符号库、态势符号的模型算法和多层Canvas绘制方法等关键技术,提高了在线态势符号标绘系统的渲染运行效率。将以上方法应用于实际,建设了浙江省在线态势符号标绘系统,并设计对比实验,验证该系统的运行效率,结果表明:本系统的运行速度优于传统态势符号标绘系统;随着绘制对象数据量的增大,该系统运行速度的优势更加明显。

Design and Implementation of Situation Symbol Plotting System Based on HTML5 Canvas

Aiming at the problem of how to quickly render large data volume situation symbols in online situation symbol plotting system,this paper proposes a framework of online situation mapping system,and studies three key technologies,including Canvas-based situation symbol library,model algorithm of situation symbol and multi-layer Canvas rendering method,improving the rendering efficiency of the online situation symbol plotting system. Applying the above method to practice,the online situation symbol plotting system of Zhejiang Province was constructed. The comparison experiment was designed to verify the rendering efficiency of the system.The results show that the efficiency of the system is better than that of the traditional situation symbol plotting system;with the increase of the drawing objects,the advantage of the system’s running speed is more obvious.