错误的图像大小加载SVG与fabric.js

Wrong image size in loadad SVG with fabric.js

本文关键字：SVG fabric js 加载 图像 错误      更新时间：2023-09-26

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

SVG:

SVG图像

试试这个:

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