我在Chrome中遇到包含SVG弯曲文本的页面崩溃。我有一个控件,使用textPath在SVG中呈现弯曲文本。在您调整窗口大小时,控件会调整大小,但在几次调整大小后Chrome崩溃了。
我想知道是否有人知道它崩溃的原因,或解决方法或其他问题。它不会崩溃IE。
这是一个显示问题的JSFiddle:http://jsfiddle.net/2UypN/。触发崩溃的具体代码是
var radialTextPath = labelGroup.selectAll("text .radial-text-path").data(labels);
radialTextPath.style("font-size", Math.floor(0.6 * segmentHeight) + 'px');
radialTextPath.enter().append("text").append("textPath")
.attr("xlink:href", function (d, i) { return "#radial-label-path-" + i; })
.classed("radial-text-path", true)
.style("font-size", Math.floor(0.6 * segmentHeight) + 'px')
.text(function (d) { return d; });
radialTextPath.exit().remove();
如果我在chrome中运行并稍微调整输出窗口的大小,它就会崩溃。在IE中运行相同,它不会崩溃。删除上面的代码,它不会崩溃。
我已经尝试过一个计时器,等到窗口调整大小在重绘之前真的“完成”,这使得它不常发生崩溃,但它仍然崩溃。我正在使用d3,但我真的不认为它与崩溃有任何关系。
我在Windows 7,64位上使用Chrome版本29.0.1547.57 m。