[請益] svg的path 在chorme 與 ie表現差異 penolove PTT批踢踢實業坊

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

作者: penolove (醜獸的女朋友) 2014-11-14 13:29:35

小魯弟新手第一次發文請多包涵..
最近在接觸用d3畫svg畫圖的部分
老闆要求畫trend chart (內容大概有一萬多條線)
我本來是就讓它迴圈一條一條畫line,在chrome上表現尚可(滑鼠觸動微lag)
但是在ie,火狐會非常延遲
所以改用path畫,想說東西變少表現應該會變好吧
結果在ie火狐表現確實不錯但是在chrome上變得非常遲緩
但是老闆說想要在chrome上實現
不知道有沒有大大遇過類似的問題,有沒有解決方法呢QQ

作者: mmis1000 (秋月戀楓) 2014-11-14 19:27:00

反正又沒規定只能，讓他認瀏覽器切換就好了啊

作者: jenesis (ゼネシス) 2014-11-14 22:07:00

svg效能的問題可能和你的撰寫方式有關不過你的資料量非常大用SVG本來就會很慢 ..如果需求沒有太複雜可以不要用d3想辦法用canvas..http://goo.gl/KIw26A 參考看看

作者: mmis1000 (秋月戀楓) 2014-11-15 01:44:00

但2d canvas在chrome上很慢啊...webgl 的反而是在firefox上太慢

作者: penolove (醜獸的女朋友) 2014-11-15 13:19:00

感謝幾位大大的寶貴意見 m大的意思是能夠在script裡面要求它用哪個瀏覽器打開嗎 j大說的我會去試試看如果trend的部份用canvas 剩下的用svg混在一起可行嘛

作者: jenesis (ゼネシス) 2014-11-16 10:38:00

chrome上會慢應該是因為設定中gpu的2d加速被關閉了而且canvas再慢也不會比svg慢的.. 只是canvas真的麻煩

作者: mmis1000 (秋月戀楓) 2014-11-16 15:12:00

是在都開著的情況下比較的歐...在chrome上的速度只有ff的1/10，有點悲劇

繼續閱讀

[問題] 能讓網頁照順序load圖嗎?pizzafan [問題] 如何模擬 mac/safari 的開發環境?mchen7 [分享] 四個 SVG 動畫應用範例yshlptt [請益] 想請問大家都是如何學網頁設計yuminmine [問題] facebook app token疑問zener517 [問題] facebook分享按鈕plugin不能用tingmeow [問題] 有關於並排在一起或隱藏方式ntu203 [問題] 關於圖庫ofpurity [請益] 轉址的網址在手機上無RWD效果backfish [問題] 原始碼q22331q44