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

看板Web_Design作者 (醜獸的女朋友)時間9年前 (2014/11/14 13:29), 編輯推噓3(3011)
留言14則, 3人參與, 最新討論串1/1
小魯弟 新手第一次發文 請多包涵.. 最近在接觸用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

11/14 19:27, , 1F
反正又沒規定只能,讓他認瀏覽器切換就好了啊
11/14 19:27, 1F

11/14 22:07, , 2F
svg效能的問題可能和你的撰寫方式有關
11/14 22:07, 2F

11/14 22:07, , 3F
不過你的資料量非常大 用SVG本來就會很慢 ..
11/14 22:07, 3F

11/14 22:08, , 4F
如果需求沒有太複雜可以不要用d3想辦法用canvas..
11/14 22:08, 4F

11/14 22:14, , 5F
11/14 22:14, 5F

11/15 01:44, , 6F
但2d canvas在chrome上很慢啊...
11/15 01:44, 6F

11/15 01:44, , 7F
webgl 的反而是在firefox上太慢
11/15 01:44, 7F

11/15 13:19, , 8F
感謝幾位大大的寶貴意見 m大的意思是能夠在script裡面要
11/15 13:19, 8F

11/15 13:20, , 9F
求它用哪個瀏覽器打開嗎 j大說的我會去試試看
11/15 13:20, 9F

11/15 13:21, , 10F
如果trend的部份用canvas 剩下的用svg混在一起 可行嘛
11/15 13:21, 10F

11/16 10:38, , 11F
chrome上會慢應該是因為設定中gpu的2d加速被關閉了
11/16 10:38, 11F

11/16 10:41, , 12F
而且canvas再慢也不會比svg慢的.. 只是canvas真的麻煩
11/16 10:41, 12F

11/16 15:12, , 13F
是在都開著的情況下比較的歐...在chrome上的速度只有ff
11/16 15:12, 13F

11/16 15:13, , 14F
的1/10,有點悲劇
11/16 15:13, 14F
文章代碼(AID): #1KPPD3FC (Web_Design)