求助：前端实现自定义网格地图上 添加图形标记进行物品管理

[jonnyzhu]

现在有一个需求是在一个自定义网格地图（类似 Excel 上的网络）上新建一些图形（矩形，正方形，长方形）来做新建物品标记，方便以后对物品进行管理（编辑，删除，新增等操作）

因为之前没有地图自定义相关的经验，一点方向都没有... 求助大家有没有类型的 Demo 或者 github 项目分享一下，非常感谢~

[2333wz]

目前在用收费产品，同求一个单机版

[TimG]

这种自定义程度高且需要交互的控件其实可以试一下嵌入个 svg 去解决，用 svg 绘制各种特殊图形，然后在节点上绑定事件监听，比起 canvas 直观一些。
前几天刚做了一个显示 ocr 标签的控件用的就是 svg ，思路挺简单的：原图作为 svg 最底部的图层，上面有个 path 路径绘制的各种形状标签的组，给每个标签绑定 hover 事件，用户鼠标移动上去就会显示标签的详细信息。

[jonnyzhu]

@2333wz 什么收费产品？

[tangchi695]

konva ，fabric 这些 canvas 库你打开 demo 看看就有思路了，其实很简单。