如何通过拉斐尔的矩阵变换扭曲这个数字？

Question

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

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