Firefox中svg.js“ animate（）。move（）”的奇怪行為

Question

我正在使用svg.js（ 網站 ）為蒙版內的多邊形設置動畫。 這在Chrome和IE中完美運行，但是，如果我在Firefox中嘗試，動畫將被破壞。

請看看這個jsfiddle 。

HTML：

<div id="drawing"></div>

JS：

var draw = SVG('drawing');
var rect = draw.rect(1000, 300).fill({ color: '#fff' });
var polygon = draw.polygon('100,260 50,300 150,300').fill('#000');
var mask = draw.mask().add(rect).add(polygon);

var bgrect = draw.rect(1000, 300).fill({ color: '#ff0000' });
bgrect.maskWith(mask);
polygon.animate().move(500,260);

在Chrome和IE中，三角形沿x軸移動了500px，這正是我想要的。 但是，在Firefox中，它會跳到左上角，然后向下動畫到其初始位置。

也有辦法使動畫在Firefox中工作嗎？ 我正在以FF 32.0.1 btw測試。

Answer 1

此錯誤已在最新提交（ https://github.com/wout/svg.js/commit/8617a6b5d5ff147718051a7fc582c54f603aa90f ）中修復。

Firefox不會計算隱藏元素的邊界框。 由於defs中的所有內容均按定義隱藏，因此Firefox在進行bbox計算時會失敗。 但是，這已在命名提交中解決。