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

2022-11-08 04:48:05 +08:00
 LeeReamond

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

2241 次点击
所在节点    程序员
8 条回复
bojackhorseman
2022-11-08 08:11:19 +08:00
这个也不需要 echarts ，用 canvas 就能实现
jucelin
2022-11-08 08:13:14 +08:00
最外层加个 canvas 盖在图表上
polarbearn
2022-11-08 08:18:33 +08:00
fabric.js 或者 konva.js,都是封装 canvas 的方法
bojue
2022-11-08 09:10:01 +08:00
画笔功能开源太多了
asdjgfr
2022-11-08 10:52:51 +08:00
画到 Echarts 上？那直接记录鼠标或者触摸位置然后生成坐标数据不就好了，要是想用户体验好一点就盖一个画布，显示绘画路径不就好了
sivacohan
2022-11-08 13:49:23 +08:00
paperjs 吧
nange001
2022-11-08 14:49:52 +08:00
fabric.js 可以，封装的很好
chairuosen
2022-11-08 15:11:41 +08:00
透明 canvas 盖到图表上

这是一个专为移动设备优化的页面（即为了让你能够在 Google 搜索结果里秒开这个页面），如果你希望参与 V2EX 社区的讨论，你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/893471

V2EX 是创意工作者们的社区，是一个分享自己正在做的有趣事物、交流想法，可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX