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