canvas给图片绘制规则框、规则线
需积分: 0 22 浏览量
2022-05-15
11:05:50
上传
评论
收藏 1.21MB PDF 举报
canvas 在图片上绘制多边形/矩形/线
前言
需要在图片上绘制点线面的场景很多，结合项目场景分享一下常用的方法
和注意事项。
项目需求分析
云南边境项目，前端设备产生大量预警数据，经过 AI 等服务过滤后仍有可
优化空间，比如需要识别偷渡人员匍匐前进和“打滚式“前进，将此类事件上报
预警中心；当前端设备（如热成像双光谱球机设备可见光通道）支持的警戒框
无法满足真实场景需求或者前端设备升级成本较高、周期较长时，可以使用后
台绘制警戒区域规则框、规则线协助前端设备解决问题。
流程说明：预警事件报文中包含活动目标的位置信息，结合后台警戒区域
规则框、规则线数据和事件服务策略，可判断活动目标是否触发相应规则框和
策略，如果触发，将预警事件推送到预警中心跨境或特急（具体类型视情况而
定），进而推送到联防人员 APP，实时为现场巡逻联防人员提供位置、时间、图
片等信息。
canvas 基本使用
在模板中使用 canvas 标签时指定 ref 属性，页面加载完成后，监听以下方
法：
onmousedown 鼠标按下
onmousemove 鼠标移动
评论0