snap svg 翻译片段

Question

这可能是最好的方法，但我想嵌入一个外部 SVG 并将其移动到位。我正在使用以下代码加载外部 SVG 图像，但似乎无法对片段应用任何转换。

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

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

Answer 1

不清楚您真正要转换的内容是什么，因为您的 sn-p 代码中没有任何转换方法。

正常的做法是将片段附加到组元素，然后在其上放置变换（因为 svg 元素本身不支持变换）。所以像......

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

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