如何通过拉斐尔矩阵变换扭曲图形？

Question

我想学习拉斐尔矩阵变换的基本用法。 所以我写了以下代码，它会扭曲一个简单的矩形：

var rect = paper.rect(50, 50, 150, 200);
rect.attr({"fill":"#0ff", "stroke":"#000", "stroke-width":2.0});

var mtx = Matrix.add(1, -0.5, 0, 1, 0, 0);
var mts = mtx.toTransformString();
rect.attr("transform", mts);

出现了矩形，但图形没有发生任何变化。

我该怎么办？

Answer 1

比你想象的要简单...

var rect = paper.rect(50, 50, 150, 200);
rect.attr({"fill":"#0ff", "stroke":"#000", "stroke-width":2.0});

rect.transform(['m', 1, -0.5, 0, 1, 0, 0]);