使用fabric.js加载SVG中的错误图像大小

Posted 2023-03-25

【中文标题】使用fabric.js加载SVG中的错误图像大小

【英文标题】：Wrong image size in loadad SVG with fabric.js

【发布时间】：2015-08-12 08:48:40

【问题描述】：

我正在尝试使用 fabric.js 在画布中加载 SVG 文件：

svg_url2 = "http://localhost/fabric/bozza biglietto-03.svg";

canvas = new fabric.Canvas('canvas');
fabric.loadSVGFromURL(svg_url2, function(objects) 

canvas.add.apply(canvas, objects);
canvas.renderAll();

SVG 文件有一个已重新缩放的内联图像，但当它加载到画布中时，图像会以其原始大小呈现。 如果我在 kichensink 演示中粘贴相同的 SVG，它会以正确的尺寸显示。我错过了什么吗？

SVG：

SVG image

【参考方案1】：

试试这个：

fabric.loadSVGFromURL(svg_url2, function(objects, options) 
   var obj = fabric.util.groupSVGElements(objects, options);
   canvas.add(obj).renderAll();
);

我应该工作。

【讨论】：

它不起作用；我已经试过了。此外，这不是我需要的，因为我希望对象保持未分组状态。