我将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中的重大更改,但无法解决我的问题。
任何帮助将不胜感激!