我正在开发一个应用,根据我在画布中选择的对象类型,我需要显示不同的编辑选项。因此,选择textbox
将显示字体选项,选择image
将具有过滤器选项,等等。
我还将有一个自定义SVG列表,用户可以将其加载到画布中。我当时正在考虑使用fabric.loadSVGFromURL
,如下所示:
fabric.loadSVGFromURL("https://s.cdpn.io/3/kiwi.svg", function (
objects,
options
) {
var obj = fabric.util.groupSVGElements(objects, options);
console.log(obj.get('type')) // this returns `group`
canvas.add(obj).renderAll();
});
这很好,但是当我检查结果对象的类型时,得到group
。我已经使用它在工具栏中具有特殊的组选项。我需要它是svg
或vector
或其他任何东西...
是否可以编辑添加到画布上的对象的类型?还是使用其他方式导入SVG,以便我可以区分元素?
提交问题后不到一分钟,我尝试了以下操作:
obj.set('type', 'svg');
有效...