snap svg translate фрагмент

Question

Возможно, это лучший способ, но я хочу встроить внешний SVG и переместить его в нужное положение. Я использую следующий код для загрузки внешнего SVG-изображения, но я не могу применить какое-либо преобразование к фрагменту.

var svg = new Snap('#svg'); 

Snap.load('logo.svg', function (fragment) { 
    svg.append(fragment); 
}); 

Answer 1

Непонятно, что вы действительно пытаетесь преобразовать, поскольку у вас нет какого-либо метода преобразования в вашем фрагменте кода.

Обычный маршрут состоит в том, чтобы добавить фрагмент к элементу группы и поместить на него преобразование (поскольку сам элемент svg не поддерживает преобразования). Итак, что-то вроде ...

var svg = new Snap('#svg'); 
var g = svg.g(); 

Snap.load('logo.svg', function (fragment) { 
    g.append(fragment); 
    g.transform('t100,100'); 
});