为什么Chrome中的SVG转换会变慢?

时间:2018-04-02 03:42:01

标签: google-chrome d3.js svg transition

This animated SVG map是用D3js制作的。它在正常的世界地图和变形的制图之间转换,如图所示。 animated cartogram

以下是我用于过渡的代码。 polygon和polygon2是预先投影到屏幕坐标的geojson对象。

var path = d3.geo.path().projection(null);
function map1(){
    worldmap.data(polygon.features).transition().duration(2000).attr("d", path);    
}
function map2(){
    worldmap.data(polygon2.features).transition().duration(2000).attr("d", path);       
}

当地图在2015年制作时,SVG过渡在Chrome中变得干净利落(并且仍然在Firefox中)。但是当它今天在Chrome中运行时(版本65.0.3325.181),转换速度很慢且不连贯。

请帮忙。 Chrome中的变化使转换变得如此缓慢?

0 个答案:

没有答案