javascript - Snapsvg 变换线

Question

当尝试逐行转换矩阵时，我收到此错误:

TypeError: Object # has no method 'line'

这是代码笔: http://codepen.io/anon/pen/BeoyA

当我尝试对不同的形状(例如圆形)进行相同的变换时，它有效。 直线上不支持矩阵变换吗？那么移动线路的正确方法应该是什么？

谢谢!

Answer 1

看起来这是库中的一个错误，因为 SVG 线条是可变形的。同时，您可以使用路径来创建一条线。

var s = Snap(600, 600),
        line = s.path("M0 0 100 100"),
        matrix = new Snap.Matrix().translate(100, 100);

line.attr({
    stroke: "#F00",
    strokeWidth: 4
});
line.transform(matrix);