• 请不要在回答技术问题时复制粘贴 AI 生成的内容
rizon
V2EX  ›  程序员

把图片变成可点击的组件— 一个简单但好用的前端库

  •  
  •   rizon ·
    othorizon · 4h 25m ago · 347 views
    https://clickable-img.dev.noteloom.app/

    这是我之前做公司的项目时顺手做的一个前端库。
    我们的微信小程序有一个弹窗,运营经常要更新,弹窗里还有多个点击热区,我就想 UI 出完图后,运营自己配置一下就可以热更新,就不用再改代码了。所以就有了这个工具。
    上传一个图片,可视化圈选热点区域,配置点击事件。
    代码里监听图片的点击事件即可。

    东西很简单,原理也很简单。不过确实能在某些特定场景下省下很多事情。
    1 replies    2026-05-17 22:32:13 +08:00
    yanx1n
        1
    yanx1n  
       2h 28m ago
    可以的,不过创建第一个热区的时候拖拽很卡,后面没问题
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   1352 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 24ms · UTC 17:00 · PVG 01:00 · LAX 10:00 · JFK 13:00
    ♥ Do have faith in what you're doing.