javascript - ラファエルの行列変換で図形を歪める方法は?

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