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

时间:2015-05-29 13:03:28

标签: javascript css canvas svg fabricjs

我正在尝试使用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,则会显示ist正确的尺寸。我错过了什么吗?

SVG:

SVG image

1 个答案:

答案 0 :(得分:0)

试试这个:

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

我应该工作。