我在画布中使用 fabric.js 时遇到问题。以 5 倍的比例因子调整大小后,单击 ZoomIn 2 次,画布上的元素消失。请看:http: //jsfiddle.net/ptCoder/Q3TMA/90/
画布尺寸(仅举例):
<canvas id="c" width="400" height="400"></canvas>
缩放比例因子:
var SCALE_FACTOR = 5;
有什么解决办法吗?
谢谢你。
我在画布中使用 fabric.js 时遇到问题。以 5 倍的比例因子调整大小后,单击 ZoomIn 2 次,画布上的元素消失。请看:http: //jsfiddle.net/ptCoder/Q3TMA/90/
画布尺寸(仅举例):
<canvas id="c" width="400" height="400"></canvas>
缩放比例因子:
var SCALE_FACTOR = 5;
有什么解决办法吗?
谢谢你。
问题是你也在调整画布的大小,所以缩放 2 倍后,它的大小是 10000px * 10000px,意思是 100 兆像素,需要几百兆的内存。
如果您保持画布大小不变(像这样),或者将其限制为足够小的值,则缩放将按预期工作。
要保持大小不变,您只需删除这两行:
canvas.setHeight(canvas.getHeight() * SCALE_FACTOR);
canvas.setWidth(canvas.getWidth() * SCALE_FACTOR);