使用fabricjs中的所有对象调整整个画布的大小/缩放，而不会降低质量

Question

有没有办法缩放/调整在fabric.js中制作的整个画布？我有<canvas className="canvas" ref="canvas" width="895" height="560"></canvas>然后const canvas = new fabric.Canvas(this.refs.canvas),我可以改变画布元素的宽度和高度以及里面的所有对象吗？

Answer 1

这个问题已被多次回答。 这是Fabricjs贡献者Andrea Bogazzi提供的最佳答案：https://stackoverflow.com/a/35019311/3710047

基本上，您可以使用fabricjs canvas方法：

canvas.setZoom(val);
canvas.setWidth(originalWidth * canvas.getZoom());
canvas.setHeight(originalHeight * canvas.getZoom());