Konva Transformer限制形状尺寸

时间:2018-03-15 13:00:02

标签: html5-canvas transformer konvajs

我不认为当使用Transformer使其变大或变小时,目前可能会限制形状的大小,但我确实需要添加此功能。

自己做这件事的最佳方法是什么(给出变形金刚会尊重的最小/最大形状尺寸)?

感谢。

1 个答案:

答案 0 :(得分:0)

您可以这样做:

var MAX_WIDTH = 200;
rect.on('transform', function() {
  var width = rect.width() * rect.scaleX();
  if (width > MAX_WIDTH) {
    var scaleX = MAX_WIDTH / rect.width();
    rect.scaleX(scaleX);
  }
})

演示:http://jsbin.com/xowihazaza/2/edit?html,js,output