任何方式來動畫在jquery svg組的一部分？

Question

任何方式來動畫在jquery svg組的一部分？

我想這個顯而易見的解決方案是創建一個新組，然後將選定的節點添加到該新組，併爲其添加動畫。但是有什麼方法可以將現有的svg節點添加到組中嗎？

例如，我知道你可以這樣做：

var g = svg.group({fill: 'red'}); 
var c1 = svg.circle(g, 75, 75, 20); 
var c2 = svg.circle(g, 115, 75, 20); 
var c3 = svg.circle(g, 155, 75, 20); 
$(g).animate({svgTransform: 'translate(100)'}, 500); 

但是你可以創建一個組，現有節點添加到它？

否則，是否有任何其他方式來組合節點？

乾杯。

Answer 1

你有沒有嘗試過這樣的事情：

var svgns = 'http://www.w3.org/2000/svg'; 

var svgRoot = document.getElementsByTagNameNS(svgns, 'svg')[0]; 

var newGroup = document.createElementNS(svgns, 'g'); 
var $newGroup = $(newGroup); 
svgRoot.appendChild(newGroup); 

var c1 = svg.circle(g, 75, 75, 20); 
$newGroup.append(c1);