第二次调用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(); 
}