前端如何给图片添加标注

[待解决问题]

如何给这种图片添加标记或图标，这是原图

实现如下效果，添加的标记能适应不同分辨率和窗体大小，固定的显示在图片的指定位置。，类似于就是一张图片，无论怎么缩放，调整，看着都是一个整体。因为需要修改上面标注的颜色。所以不能直接使用图片

暖暖De幸福 | 初学一级 | 园豆：5
提问于：2025-04-30 12:39

< >

所有回答(3)

固定图片大小, 百分比位置,这些都可以吧

www378660084 | 园豆：1561 (小虾三级) | 2025-04-30 14:27

好像你是需要这个软件，而且右侧折叠属性可以直接绑定设备数据

上图Running调试，显示已绑定点位数据。类似axture，比axture多更多的“（动态）面板”（如列出来的地图面板），比axture还多数据bind以及脚本（简单项目不用写脚本）；

当然目前还只支持window 和 linux 桌面版，web官方大概几个月后会支持（部分控件不支持，如视频可能只支持部分【web只有tcp 之上的h264解码，rstp等肯定无法支持】或前期发行版本不支持视频）

花飘水流兮 | 园豆：13765 (专家六级) | 2025-05-01 00:32

不写脚本情况下，不仅支持显示，事件也直接支持这些行为。

支持(0) 反对(0) 花飘水流兮 | 园豆：13765 (专家六级) | 2025-05-01 00:40

canvas 你看看，canvas就是写起来太麻烦了

echo_lovely | 园豆：1720 (小虾三级) | 2025-05-15 10:54

或者做成地图服务，通过open layers，去实现缩放，更麻烦了

支持(0) 反对(0) echo_lovely | 园豆：1720 (小虾三级) | 2025-05-15 10:55

清除回答草稿

您需要登录以后才能回答，未注册用户请先注册。

欢迎，请先 登录 或者 注册 。