Snapsvg变换线

Question

当尝试逐行变换时，我收到此错误：

  

TypeError：对象＃没有方法'line'

这是codepen： 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);