javascript - 使用 fabric.js 的 loadad SVG 中的图像大小错误

Question

我正在尝试使用 fabric.js 在 Canvas 中加载 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 文件有一个重新缩放的内联图像，但是当它加载到 Canvas 中时，图像以其原始大小呈现。如果我在 kichensink 演示中粘贴相同的 SVG，它会以正确的尺寸显示。我错过了什么吗？

SVG:

SVG image

Answer 1

试试这个:

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

我应该工作。