作者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/m.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