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。它会准确地告诉您哪些元素的哪些属性可以设置动画！

您可以使用组的transform属性而不是svgX和svgY：

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

这应该做同样的事情！

无法在jQuery SVG中设置分组动画

1 个答案: