2

我画了两条路。我已经对其中一个应用了发光,当我变换设置时,只有没有发光的路径移动,而有发光的路径没有,而是“发光”被改变。我希望道路和光芒能够一起转变。我怎样才能做到这一点?我希望我能正确解释我的问题。

这是我的代码: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");
}
4

1 回答 1

1

这只是你如何构建你的集合的问题。大多数元素函数返回对被修改元素的引用,但发光是一个例外——它为发光效果本身返回一个新的集合元素。在上面的代码中,您有效地插入了第一个矩形和第二个矩形的发光,但不是第一个矩形本身。

为了保持代码的紧凑性,我建议使用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
于 2012-09-21T15:45:19.510 回答