Как исказить фигуру матричным преобразованием Рафаэля?

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