如何在fabricjs 2.x版本中保持SVG图像缩放/视口在缩放状态?

时间:2019-06-04 02:19:18

标签: javascript canvas fabricjs

我将fabricjs升级到2.x和3.x。在这两个版本中,当我缩放画布时,svg图像也会缩放或改变视口。

let greenCircle = new fabric.Circle({ radius: 50, fill: 'green', top: 110, left: 30 })
let orangeEllipse = new fabric.Ellipse({ rx: 50, ry: 10, fill: 'orange', top: 12, left: 100, angle: 30 });
let group = new fabric.Group([orangeEllipse, greenCircle]);
canvas.add(group);
fabric.Image.fromURL(
  'https://gistcdn.githack.com/mudin/f633f3637b71b3dd9fcae1a88be27d8f/raw/850e8bf2baac6194bcf38190ca15defafb2ea2e7/floorplan.svg?raw=true',
  image => {
    image = image.scaleToWidth(1000);
    group.addWithUpdate(image);
    canvas.renderAll();
  }
);
canvas.renderAll();

working demo在1.7.x版中

not working在3.x版中

我检查了version2中的重大更改,但无法解决我的问题。

任何帮助将不胜感激!

0 个答案:

没有答案