Snapsvg линии

Question

преобразования При попытке линии преобразования с помощью матрицы я получаю эту ошибку:

TypeError: Object # has no method '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);