This animated SVG map是用D3js制作的。它在正常的世界地图和变形的制图之间转换,如图所示。
以下是我用于过渡的代码。 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中的变化使转换变得如此缓慢?