【问题标题】:Fabric.js not loading path elements from SVGFabric.js 未从 SVG 加载路径元素
【发布时间】: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 中的所有元素吗?

【问题讨论】:

标签: javascript svg fabricjs


【解决方案1】:

看起来和面料版本有关。 这是我使用相同的代码获得的结果,使用 3.0.0: https://cdnjs.cloudflare.com/ajax/libs/fabric.js/3.0.0/fabric.js

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

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

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

【讨论】:

  • 经过一番研究,我发现这个问题是在2.4.0版本中引入的。 2.3.6 是我能够看到所有 SVG 元素的最后一个版本。唯一的问题是图像元素不透明(有一个白框,不应该有任何颜色)
猜你喜欢
  • 2017-01-20
  • 1970-01-01
  • 2019-02-07
  • 2023-03-03
  • 2012-11-26
  • 2019-04-15
  • 1970-01-01
  • 2015-04-23
  • 2018-06-23
相关资源
最近更新 更多