作者visa9527 (高级伴读士官长)
看板Web_Design
标题Re: [问题] 用svg还是canvas?
时间Thu Jun 14 09:41:56 2018
最近遇到一样的问题
我要做一个回路连接网站，就是像 Google My Map 一样
可以有工具在图纸上拉线然後连接起来，需要判断线跟线有没有接妥
本来以为这种拉线条应该 SVG 比较适合
但看了 Source Code 发现 Google Map 是用 Canvas 画线!?
後来又翻了其他一些类似的工程工具或图像编辑网站也是用 Canvas
请问用 Canvas 画线的理由是效率问题吗?
因为这些网站都把 DOM 的点击、DRAG事件绑在 <div> 或 <canvas> 上
我以为线条绑事件用 SVG 比较容易
结果我看它们都是拉线时随滑鼠移动改变线的长度、曲度即时重绘 Canvas
有没有人知道是什麽因素让这些网站选择 Canvas 而不是 SVG ?
--
※ 发信站: 批踢踢实业坊(ptt.cc), 来自: 122.146.88.200
※ 文章网址: https://webptt.com/cn.aspx?n=bbs/Web_Design/M.1528940519.A.BE0.html
1F：推 ian90911: 好像是效能问题没错 06/15 09:33
2F：推 aspdoctor: 当你的节点很多的时候，用SVG就会很卡了 06/15 15:25
3F：推 a700evolve: Canvas适合动态操作，svg适合静态表现 06/25 08:28