[請益] svg 的path 在chorme 與 ie表現差異

[penolove (醜獸的女朋友)]

小魯弟 新手第一次發文 請多包涵..


最近在接觸用d3畫svg畫圖的部分


老闆要求畫trend chart (內容大概有一萬多條線)


我本來是就讓它迴圈一條一條畫line,在chrome上表現尚可(滑鼠觸動微lag)

但是在ie,火狐會非常延遲


所以改用path畫,想說東西變少表現應該會變好吧


結果在ie火狐 表現確實不錯 但是在chrome上變得非常遲緩

但是老闆說想要在chrome上實現

不知道有沒有大大遇過類似的問題,有沒有解決方法呢QQ


--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 140.114.39.149
※ 文章網址: http://www.ptt.cc/bbs/Web_Design/M.1415942979.A.3CC.html
→ mmis1000: 反正又沒規定只能，讓他認瀏覽器切換就好了啊
推 jenesis: svg效能的問題可能和你的撰寫方式有關
→ jenesis: 不過你的資料量非常大 用SVG本來就會很慢 ..
→ jenesis: 如果需求沒有太複雜可以不要用d3想辦法用canvas..
→ jenesis: http://goo.gl/KIw26A 參考看看
→ mmis1000: 但2d canvas在chrome上很慢啊...
→ mmis1000: webgl 的反而是在firefox上太慢
→ penolove: 感謝幾位大大的寶貴意見 m大的意思是能夠在script裡面要
→ penolove: 求它用哪個瀏覽器打開嗎 j大說的我會去試試看
→ penolove: 如果trend的部份用canvas 剩下的用svg混在一起 可行嘛
推 jenesis: chrome上會慢應該是因為設定中gpu的2d加速被關閉了
→ jenesis: 而且canvas再慢也不會比svg慢的.. 只是canvas真的麻煩
推 mmis1000: 是在都開著的情況下比較的歐...在chrome上的速度只有ff
→ mmis1000: 的1/10，有點悲劇