2

私は2つの道を描きました。そのうちの1つにグローを適用しました。セットを変換すると、グローのないパスのみが移動し、グローのあるパスは移動せず、代わりに「グロー」が変換されます。道と輝きを一緒に変えてほしい。どうすればそれを達成できますか？私は自分の問題をきちんと説明したと思います。

これが私のコードです：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

それはあなたがあなたのセットをどのように構築しているかの問題です。ほとんどの要素関数は、変更される要素への参照を返しますが、グローは例外です。グロー効果自体の新しいセット要素を返します。上記のコードでは、最初のrectと2番目のrectにグローを効果的に挿入していますが、最初のrect自体には挿入していません。

コードのコンパクトさを維持するために、を使用することをお勧めしpaperます。setStartおよび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 に答える