Firefox中的D3.js转换错误?
看看http://jsfiddle.net/EyrRD/。我用D3.js库通过改变其宽度动画SVG矩形:Firefox中的D3.js转换错误?
rect.transition().duration(2000).delay(500).ease("cubic-out").attr("width", 500);
一切正常,在其他浏览器,但在Firefox时,矩形宽度达到300像素的动画突然停止。实际上,目标宽度(> = 300)并不重要,它总是停在300px。这真的是一个错误?如果是这样,如何克服这一点?顺便说一下,D3.js是这种SVG动画的最佳工具吗?
您需要设置SVG的width
:
var svg = d3.select("body").append("svg").attr("width", 1000);
在Firefox,也许你需要设置的宽度和高度为SVG其他浏览器:SVG元素。这是一个Firefox错误,这里是我的相关SO answer。
谢谢。我实际上试图设置SVG宽度“手动”(通过添加样式参数svg elem),并没有改变任何东西,所以我认为这个问题是在别的地方。你认为D3.js是SVG操作的最佳工具吗? – geehertush01
是的,我认为D3是最好的,关于易用性和性能。 – Juve
这不是一个错误。预计其他浏览器将来需要这些。 –
可能的重复http://stackoverflow.com/questions/13568915/firefox-not-displaying-svg –