Resize/scale 整个 canvas,所有对象都在 fabricjs 中,没有质量损失
Resize/scale entire canvas with all objects in fabricjs without loss of quality
有没有办法 scale/resize 整个 canvas 在 fabric.js 中制作?我有 <canvas className="canvas" ref="canvas" width="895" height="560"></canvas>
然后 const canvas = new fabric.Canvas(this.refs.canvas),
我可以更改 canvas 元素和里面所有对象的宽度和高度吗?
这个问题已经回答了很多次了。
fabricjs 贡献者之一 Andrea Bogazzi 在这里提供了我认为最好的答案:
基本上,你可以使用 fabricjs canvas 方法:
canvas.setZoom(val);
canvas.setWidth(originalWidth * canvas.getZoom());
canvas.setHeight(originalHeight * canvas.getZoom());
有没有办法 scale/resize 整个 canvas 在 fabric.js 中制作?我有 <canvas className="canvas" ref="canvas" width="895" height="560"></canvas>
然后 const canvas = new fabric.Canvas(this.refs.canvas),
我可以更改 canvas 元素和里面所有对象的宽度和高度吗?
这个问题已经回答了很多次了。 fabricjs 贡献者之一 Andrea Bogazzi 在这里提供了我认为最好的答案:
基本上,你可以使用 fabricjs canvas 方法:
canvas.setZoom(val);
canvas.setWidth(originalWidth * canvas.getZoom());
canvas.setHeight(originalHeight * canvas.getZoom());