无法为jQuery中的分组设置动画SVG

Question

我是jQuery以及jQuery SVG的新手，我似乎无法为分组设置动画。

var g = svg.group(); 

var newRectA = svg.rect(g, 100, 10, 25, 25); 
var newRectB = svg.rect(g, 200, 10, 25, 25); 

$(g).animate({ svgX: random(500), svgY: random(500)}, 500); 

这是你如何为一个组制作动画？ newRectA和newRectB是否组合在一起？

Answer 1

newRectA和newRectB被分组在一起，是的！

但是，您不能对组的x和y坐标进行动画制作 - 它们只能用于rect，text和svg的动画。请参考reference。它可以准确地告诉你哪些元素的哪些属性可以动画化！

你可以使用你的小组，而不是svgX和svgY的变换属性：

$(g).animate({svgTransform: 'translate('+random(500)+', '+random(500)+')'}, 500); 

这也应该这样做！