画布上的元素消失w/jsfiddle

Question

我在canvas中使用fabric.js时出现问题。在缩放比例调整为5倍后，单击放大2倍，画布上的元素消失。请看：http://jsfiddle.net/ptCoder/Q3TMA/90/

画布大小（只是举例）：

<canvas id="c" width="400" height="400"></canvas> 

缩放比例系数

var SCALE_FACTOR = 5; 

有没有什么解决办法吗？

谢谢。

Answer 1

问题是您还在调整画布大小，因此缩放2次后，它的大小为10000px * 10000px，意味着100万像素，需要数百MB的内存。

如果保持画布大小不变（如this）或将其限制为足够小的值，则缩放将按预期工作。

要保持一定的尺寸不变，你只需要删除这两条线：

canvas.setHeight(canvas.getHeight() * SCALE_FACTOR); 
canvas.setWidth(canvas.getWidth() * SCALE_FACTOR);