Konva Transformer 限制形状大小

Question

我认为目前无法在使用 Transformer 使形状变大或变小时限制形状的大小，但我确实需要添加此功能。

我们自己做这件事的最好方法是什么（给出形状的大小 min/max Transformer 将遵守的）？

谢谢。

Answer 1

你可以这样做：

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

Konva Transformer 限制形状大小

Konva Transformer restrict shape size

transformer

html5-canvas

konvajs