拉斐爾元素多重轉換

Question

我試圖從鳥瞰角度繪製機械。 因此，我畫矩形。這些矩形可以具有角度（例如90°，270°）。所以我將旋轉變換應用到它們上面。這樣我可以繪製整個植物。

現在如果我將縮放變換應用到集合上，那麼這些元素就會縮放。但我之前應用的旋轉轉換正在倒退。

將其複製到raphael's playground以瞭解我的意思。

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); 

我現在想什麼，是爲了防止反向旋轉和第三元素排列到第二個停留，因爲它是旋轉（某種「L」的）之後。

在此先感謝！

Answer 1

好吧，自己動手。使用「...」解決了我的問題。

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); 

昨天嘗試了這種方式，但不知何故，它沒有工作。今天，它的工作很好=）