最近遇到一样的问题
我要做一个回路连接网站,就是像 Google My Map 一样
可以有工具在图纸上拉线然后连接起来,需要判断线跟线有没有接妥
本来以为这种拉线条应该 SVG 比较适合
但看了 Source Code 发现 Google Map 是用 Canvas 画线!?
后来又翻了其他一些类似的工程工具或图像编辑网站也是用 Canvas
请问用 Canvas 画线的理由是效率问题吗?
因为这些网站都把 DOM 的点击、DRAG事件绑在 <div> 或 <canvas> 上
我以为线条绑事件用 SVG 比较容易
结果我看它们都是拉线时随鼠标移动改变线的长度、曲度即时重绘 Canvas
有没有人知道是什么因素让这些网站选择 Canvas 而不是 SVG ?