俯瞰視点で機械を描いてみました。したがって、私は長方形を描きます。これらの長方形には角度がある場合があります (例: 90°、270°)。だから私はそれらに回転変換を適用します。このようにして、植物全体を描くことができます。
セットにスケーリング変換を適用すると、要素がスケーリングされます。しかし、以前に適用した回転変換が逆方向に実行されています。
これをラファエルのプレイグラウンドにコピーして、私の言いたいことを確認してください。
var rect1 = paper.rect(50,50,200,100).attr({fill: "green"});
var rect2 = paper.rect(250,50,200,100).attr({fill: "green"});
var rect3 = paper.rect(550,50,200,100).attr({fill: "green"});
rect3.transform("r90,550,50");
var set = paper.set();
set.push(rect1,rect2,rect3);
set.animate({'transform':"S0.5,0.5,50,50"}, 2000);
私が今欲しいのは、回転が逆になるのを防ぎ、3番目の要素の2番目の要素への配置が回転後もそのままになることです(ある種の「L」)。
前もって感謝します!