Question

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

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

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

Answer 1

您需要设置SVG的width：

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

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