作者penolove (醜獸的女朋友)
看板Web_Design
標題[請益] svg 的path 在chorme 與 ie表現差異
時間Fri Nov 14 13:29:35 2014
小魯弟 新手第一次發文 請多包涵..
最近在接觸用d3畫svg畫圖的部分
老闆要求畫trend chart (內容大概有一萬多條線)
我本來是就讓它迴圈一條一條畫line,在chrome上表現尚可(滑鼠觸動微lag)
但是在ie,火狐會非常延遲
所以改用path畫,想說東西變少表現應該會變好吧
結果在ie火狐 表現確實不錯 但是在chrome上變得非常遲緩
但是老闆說想要在chrome上實現
不知道有沒有大大遇過類似的問題,有沒有解決方法呢QQ
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 140.114.39.149
※ 文章網址: http://webptt.com/m.aspx?n=bbs/Web_Design/M.1415942979.A.3CC.html
1F：→ mmis1000: 反正又沒規定只能，讓他認瀏覽器切換就好了啊 11/14 19:27
2F：推 jenesis: svg效能的問題可能和你的撰寫方式有關 11/14 22:07
3F：→ jenesis: 不過你的資料量非常大 用SVG本來就會很慢 .. 11/14 22:07
4F：→ jenesis: 如果需求沒有太複雜可以不要用d3想辦法用canvas.. 11/14 22:08
6F：→ mmis1000: 但2d canvas在chrome上很慢啊... 11/15 01:44
7F：→ mmis1000: webgl 的反而是在firefox上太慢 11/15 01:44
8F：→ penolove: 感謝幾位大大的寶貴意見 m大的意思是能夠在script裡面要 11/15 13:19
9F：→ penolove: 求它用哪個瀏覽器打開嗎 j大說的我會去試試看 11/15 13:20
10F：→ penolove: 如果trend的部份用canvas 剩下的用svg混在一起 可行嘛 11/15 13:21
11F：推 jenesis: chrome上會慢應該是因為設定中gpu的2d加速被關閉了 11/16 10:38
12F：→ jenesis: 而且canvas再慢也不會比svg慢的.. 只是canvas真的麻煩 11/16 10:41
13F：推 mmis1000: 是在都開著的情況下比較的歐...在chrome上的速度只有ff 11/16 15:12
14F：→ mmis1000: 的1/10，有點悲劇 11/16 15:13