最近遇到一樣的問題
我要做一個迴路連接網站，就是像 Google My Map 一樣
可以有工具在圖紙上拉線然後連接起來，需要判斷線跟線有沒有接妥
本來以為這種拉線條應該 SVG 比較適合
但看了 Source Code 發現 Google Map 是用 Canvas 畫線!?
後來又翻了其他一些類似的工程工具或圖像編輯網站也是用 Canvas
請問用 Canvas 畫線的理由是效率問題嗎?
因為這些網站都把 DOM 的點擊、DRAG事件綁在 <div> 或 <canvas> 上
我以為線條綁事件用 SVG 比較容易
結果我看它們都是拉線時隨滑鼠移動改變線的長度、曲度即時重繪 Canvas
有沒有人知道是什麼因素讓這些網站選擇 Canvas 而不是 SVG ?