第二次調用scale（）不會縮放

Question

在jsbin中的示例中，如果單擊該按鈕一次，rect會縮放，但第二次調整不會縮放。我認爲，如果你持續調用比例（0.75），那麼它將縮放當前尺寸的75％，所以它基本上會越來越小。

我確定我錯過了一些非常基本的東西，因爲我的例子非常簡單，但我已經閱讀了很多文檔，但我仍然無法弄清楚。有任何想法嗎？

http://jsbin.com/zajehudurido

Answer 1

這是因爲矩形是從原始尺寸縮放，設置一旦你創建它（350x350）。 如果您想每次都從實際大小縮放它，則需要重新計算rect.scale方法的參數。例如。保存以前的值並每次乘以0.75：

var ratio = 1; 
function resize() { 
    ratio = ratio * 0.75; 
    rect.scale(ratio); 
    canvas.renderAll(); 
}