根据结构文档,fabric.loadSVGFromURL将返回“路径,路径组(对于复杂对象),图像,文本等。”
我正在尝试加载具有路径和图像的this SVG,但是使用此代码时,fabric只加载部分图像(但不包含任何路径):
var canvas = new fabric.Canvas('fabricCanvas');
var svgString = "https://app.customily.com/Content/eps-svg/4647-08-1293-147-01-01-c7b295b3-0d40-44cc-8892-d82da1edc36b.svg";
fabric.loadSVGFromURL(svgString, function (objects, options) {
var a = fabric.util.groupSVGElements(objects, options);
canvas.add(a).renderAll();
});
这是SVG加载后的外观: https://jsfiddle.net/loskiorama/L2yo3ukj/
有什么主意如何获取loadSVGFromURL来成功加载SVG中的所有元素?
答案 0 :(得分:0)
它似乎与结构版本有关。 这是我使用相同的代码(3.0.0)获得的结果: https://cdnjs.cloudflare.com/ajax/libs/fabric.js/3.0.0/fabric.js
这是我从1.4.0(示例@Ben发送的版本)获得的:
最后,这就是1.5.0的样子(应该如此)
在我看来,就像是个织物虫……任何人都可以阐明并确认这一点?