Re: [問題] 用svg還是canvas?

看板Web_Design作者 (高級伴讀士官長)時間6年前 (2018/06/14 09:41), 編輯推噓3(300)
留言3則, 3人參與, 6年前最新討論串2/2 (看更多)
最近遇到一樣的問題 我要做一個迴路連接網站,就是像 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://www.ptt.cc/bbs/Web_Design/M.1528940519.A.BE0.html

06/15 09:33, 6年前 , 1F
好像是效能問題沒錯
06/15 09:33, 1F

06/15 15:25, 6年前 , 2F
當你的節點很多的時候,用SVG就會很卡了
06/15 15:25, 2F

06/25 08:28, 6年前 , 3F
Canvas適合動態操作,svg適合靜態表現
06/25 08:28, 3F
文章代碼(AID): #1R8SVdlW (Web_Design)
文章代碼(AID): #1R8SVdlW (Web_Design)