Fabric.js无法从SVG

时间:2019-06-04 21:23:32

标签: javascript svg fabricjs

根据结构文档,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中的所有元素?

1 个答案:

答案 0 :(得分:0)

它似乎与结构版本有关。 这是我使用相同的代码(3.0.0)获得的结果: https://cdnjs.cloudflare.com/ajax/libs/fabric.js/3.0.0/fabric.js

enter image description here

这是我从1.4.0(示例@Ben发送的版本)获得的:

enter image description here

最后,这就是1.5.0的样子(应该如此)

enter image description here

在我看来,就像是个织物虫……任何人都可以阐明并确认这一点?