使用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