javascript - Firefox 中的 D3.js 转换错误？

Question

看看http://jsfiddle.net/EyrRD/。我使用 D3.js 库通过更改宽度来为 SVG 矩形设置动画：

rect.transition().duration(2000).delay(500).ease("cubic-out").attr("width", 500);​

在其他浏览器中一切正常，但在 Firefox 中，当矩形宽度达到 300px 时动画突然停止。实际上，目标宽度是多少（> = 300）并不重要，它总是停在 300 像素处。这真的是一个错误吗？如果是这样，如何克服这一点？顺便问一下，D3.js 是这种 SVG 动画的最佳工具吗？

Answer 1

您需要设置widthSVG 的：

var svg = d3.select("body").append("svg").attr("width", 1000);

在 Firefox 和其他浏览器中，您需要为 svg:svg 元素设置宽度和高度。这是一个 Firefox 错误，这是我的相关SO 答案。