Re: [问题] 用svg还是canvas?

楼主: visa9527 (高级伴读士官长)   2018-06-14 09:41:56
最近遇到一样的问题
我要做一个回路连接网站,就是像 Google My Map 一样
可以有工具在图纸上拉线然后连接起来,需要判断线跟线有没有接妥
本来以为这种拉线条应该 SVG 比较适合
但看了 Source Code 发现 Google Map 是用 Canvas 画线!?
后来又翻了其他一些类似的工程工具或图像编辑网站也是用 Canvas
请问用 Canvas 画线的理由是效率问题吗?
因为这些网站都把 DOM 的点击、DRAG事件绑在 <div> 或 <canvas> 上
我以为线条绑事件用 SVG 比较容易
结果我看它们都是拉线时随鼠标移动改变线的长度、曲度即时重绘 Canvas
有没有人知道是什么因素让这些网站选择 Canvas 而不是 SVG ?
作者: ian90911 (xopowo)   2018-06-15 09:33:00
好像是效能问题没错
作者: aspdoctor (大崎)   2018-06-15 15:25:00
当你的节点很多的时候,用SVG就会很卡了
作者: a700evolve (五花毛)   2018-06-25 08:28:00
Canvas适合动态操作,svg适合静态表现

Links booklink

Contact Us: admin [ a t ] ucptt.com