【发布时间】:2019-10-20 10:27:01
【问题描述】:
根据 fabric 的文档,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 中的所有元素吗?
【问题讨论】:
-
this post的可能重复
-
我不确定,但在查看了 svg 的源代码后,该问题可能与 Fabric.js 中的一个已知问题有关。你可以在这里找到更多信息github.com/fabricjs/fabric.js/issues/5458
标签: javascript svg fabricjs