Возникли проблемы с анимацией группировки в 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 группы - они могут быть анимированы только для прямоугольника, текста и svg.

Взгляните на ссылку . Он точно сообщает, какие атрибуты каких элементов можно анимировать!

Вы можете использовать атрибут transform вашей группы вместо svgX и svgY:

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

Это должно сделать то же самое!