SVG中的曲线文字导致Chrome崩溃

时间:2013-08-26 17:20:47

标签: javascript google-chrome svg

我在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。

1 个答案:

答案 0 :(得分:0)

这是Chrome 29 https://code.google.com/p/chromium/issues/detail?id=278488

中引入的已知错误