安防视频监控系统中的Canvas应用研究

作者：冯雨润之; 王迪; 梅寒

来源：工业控制计算机, 2021, 34(09): 53-54.

• Canvas
• 坐标变换
• 动态绘制

Canvas是HTML5的特性元素之一,它不依赖插件,使用自带API即可完成图形图像的绘制和控制[1]。基于某安防视频监控系统,利用Canvas的图像处理特性,结合二维坐标的数学变换,实现了鼠标交互事件坐标与Canvas坐标对应;通过对入侵侦测区域动态绘制,拖拽和平移及越界侦测界限的旋转方法的研究,发现该技术绘图性能较好,坐标变换结果清晰可控,可以满足需求。

• 单位
  中国电子科技集团公司