V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
• 请不要在回答技术问题时复制粘贴 AI 生成的内容
jonnyzhu
V2EX  ›  程序员

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

  •  
  •   jonnyzhu · 292 天前 · 895 次点击
    这是一个创建于 292 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

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

    4 条回复    2024-03-14 14:33:43 +08:00
    2333wz
        1
    2333wz  
       292 天前
    目前在用收费产品,同求一个单机版
    TimG
        2
    TimG  
       291 天前 via Android
    这种自定义程度高且需要交互的控件其实可以试一下嵌入个 svg 去解决,用 svg 绘制各种特殊图形,然后在节点上绑定事件监听,比起 canvas 直观一些。
    前几天刚做了一个显示 ocr 标签的控件用的就是 svg ,思路挺简单的:原图作为 svg 最底部的图层,上面有个 path 路径绘制的各种形状标签的组,给每个标签绑定 hover 事件,用户鼠标移动上去就会显示标签的详细信息。
    jonnyzhu
        3
    jonnyzhu  
    OP
       291 天前
    @2333wz 什么收费产品?
    tangchi695
        4
    tangchi695  
       291 天前
    konva ,fabric 这些 canvas 库你打开 demo 看看就有思路了,其实很简单。
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   992 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 24ms · UTC 20:40 · PVG 04:40 · LAX 12:40 · JFK 15:40
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.