Question

我正试图从鸟瞰角度画出机器。因此，我绘制矩形。 Theese矩形可具有角度（例如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);

昨天这样做了，但不知怎的，它没有用。今天，它工作得很好=）

raphael元素的多重变换

1 个答案: