reactjs - 使用fabricjs中的所有对象调整/缩放整个 Canvas ，而不会损失质量

Question

有没有办法缩放/调整在fabric.js中制作的整个 Canvas 的大小？我有<canvas className="canvas" ref="canvas" width="895" height="560"></canvas>然后const canvas = new fabric.Canvas(this.refs.canvas),我可以更改 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());