0

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

4

1 回答 1

0

这是 Chrome 29 中引入的一个已知错误https://code.google.com/p/chromium/issues/detail?id=278488

于 2013-09-02T08:02:38.653 回答