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

Echarts.js 有办法实现手写笔绘画功能吗?

  •  
  •   LeeReamond · 2022-11-08 04:48:05 +08:00 · 2276 次点击
    这是一个创建于 778 天前的主题,其中的信息可能已经有所发展或是发生改变。

    最近有个需求不知道能不能做,目前业务有基于 Echarts 的图表,不知道能不能在图表上实现移动平台触摸画线的功能,如果不行的话 PC 平台鼠标画线能实现吗。。?有没有做过类似业务的老哥?

    8 条回复    2022-11-08 15:11:41 +08:00
    bojackhorseman
        1
    bojackhorseman  
       2022-11-08 08:11:19 +08:00 via iPhone
    这个也不需要 echarts ,用 canvas 就能实现
    jucelin
        2
    jucelin  
       2022-11-08 08:13:14 +08:00
    最外层加个 canvas 盖在图表上
    polarbearn
        3
    polarbearn  
       2022-11-08 08:18:33 +08:00
    fabric.js 或者 konva.js,都是封装 canvas 的方法
    bojue
        4
    bojue  
       2022-11-08 09:10:01 +08:00
    画笔功能开源太多了
    asdjgfr
        5
    asdjgfr  
       2022-11-08 10:52:51 +08:00
    画到 Echarts 上?那直接记录鼠标或者触摸位置然后生成坐标数据不就好了,要是想用户体验好一点就盖一个画布,显示绘画路径不就好了
    sivacohan
        6
    sivacohan  
       2022-11-08 13:49:23 +08:00
    paperjs 吧
    nange001
        7
    nange001  
       2022-11-08 14:49:52 +08:00
    fabric.js 可以,封装的很好
    chairuosen
        8
    chairuosen  
       2022-11-08 15:11:41 +08:00
    透明 canvas 盖到图表上
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   5372 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 23ms · UTC 08:32 · PVG 16:32 · LAX 00:32 · JFK 03:32
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.