Fabric.js：克隆加载的 svg

Question

这可能是非常基本的，但我是 Fabric.js 的新手。我无法像这样克隆加载的 svg：

var canvas = new fabric.Canvas('canvas');
fabric.loadSVGFromURL('/test/fabric/sphere.svg', function(objects, options) {
    var sphere1 = fabric.util.groupSVGElements(objects, options);
    sphere1.set({left: 100, top: 100 });
    canvas.add(sphere1).renderAll();
});
var sphere2=fabric.util.object.clone(canvas.sphere1);
sphere2.set({ left: 200, top: 150 });   
canvas.add(sphere2).renderAll();

下面的实例化 sphere2 也不起作用：

var sphere2=fabric.util.object.clone(canvas.getActiveObject());

我的代码有什么问题？

Answer 1

here helped我上面的例子。看来您必须先定义一个组。