使用Raphael.js進行轉換

Question

我繪製了兩條路徑。我已經對其中的一個應用了光芒，當我變換這個集合時，只有沒有發光的路徑和發光的路徑沒有發生變化，而是發光。我希望路徑和輝光一起轉化。我怎樣才能做到這一點？ 我希望我能正確解釋我的問題。

這裏是我的代碼：jsfiddle Link

window.onload = function(){ 

var paper = Raphael(0,0,1900,950); 

var rect01 = paper.set(); 
rect01.push(
paper.rect(20,30,10,15).attr({fill:'blue',stroke:'none'}).glow({width:5,opacity:1,color:'red'}),  
paper.rect(50,30,10,15).attr({fill:'green',stroke:'none'}) 
) 

var superset = paper.set(); 
superset.push(rect01); 
superset.transform("T10,10"); 
} 

Answer 1

這只是你如何構建一套的問題。大多數元素函數返回對被修改的元素的引用，但輝光是一種例外 - 它會爲發光效果本身返回一個新的set元素。在上面的代碼中，您有效地爲第一個矩形和第二個矩形插入光暈，但不是第一個矩形本身。

爲了保持代碼的緊湊性，我建議使用paper。 和paper。 setFinish建立你的設置。

var rect01 = paper.set(); 

paper.setStart();  

paper.rect(20,30,10,15).attr({fill:'blue',stroke:'none'}).glow({width:5,opacity:1,color:'red'});  
paper.rect(50,30,10,15).attr({fill:'green',stroke:'none'}); 

var rect01 = paper.setFinish(); // gets a reference to a set containing everything created since the setStart call above