raphael - 拉斐尔元素的多重变换

Question

我试图从鸟瞰的角度来绘制机械。因此，我画了矩形。这些矩形可能有角度（例如 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);

我现在想要的是防止反转旋转，并且第三个元素与第二个元素对齐在旋转后保持原样（某种“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);

昨天试过这种方式，但不知何故它没有工作。今天，它工作得很好=）