畫布上的元素消失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);