Firefox中的D3.js轉換錯誤？

Question

看看http://jsfiddle.net/EyrRD/。我用D3.js庫通過改變其寬度動畫SVG矩形：

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

一切正常，在其他瀏覽器，但在Firefox時，矩形寬度達到300像素的動畫突然停止。實際上，目標寬度（> = 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。