Konva变压器限制形状尺寸答案

【问题标题】：Konva Transformer restrict shape sizeKonva变压器限制形状尺寸
【发布时间】：2018-08-24 07:17:51
【问题描述】：

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

我们自己做这件事的最佳方法是什么（给出 Transformer 将尊重的最小/最大形状的大小）？

谢谢。

【问题讨论】：

刚刚将此问题添加到 GitHub：github.com/konvajs/konva/issues/360
感谢 lavrton，在重新阅读我的问题后，我不确定我是否清楚我想用 Konva 实现什么。例如，我需要有最大值和最小值，所以当我的形状用变压器缩放时，它们不能小于 60 或大于 200 - 我只启用中右和中左顺便说一句。我希望目前执行此操作的方法是捕获我正在执行的中右或中左锚点的拖动事件，然后如果超出我目前无法执行的最大值或最小值，则以某种方式重置我的形状大小.

标签： html5-canvas transformer konvajs

【解决方案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

【讨论】：