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以上的例子。看来你必须先定义一个组。