[请益] 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,有点悲剧

Links booklink

Contact Us: admin [ a t ] ucptt.com