在Konva中逐步调整矩形大小

// 创建画布和舞台
var stage = new Konva.Stage({
  container: 'container',
  width: window.innerWidth,
  height: window.innerHeight
});

// 创建矩形
var rect = new Konva.Rect({
  x: 100,
  y: 100,
  width: 200,
  height: 100,
  fill: 'green',
  draggable: true
});

// 添加矩形到舞台
stage.add(rect);

// 监听鼠标事件
var isResizing = false;
var initialWidth, initialHeight;

rect.on('mousedown', function(e) {
  isResizing = true;
  initialWidth = rect.width();
  initialHeight = rect.height();
});

stage.on('mousemove', function(e) {
  if (isResizing) {
    var newWidth = e.evt.clientX - rect.x();
    var newHeight = e.evt.clientY - rect.y();

    rect.width(newWidth);
    rect.height(newHeight);

    stage.batchDraw();
  }
});

stage.on('mouseup', function(e) {
  isResizing = false;
});

// 启动舞台
stage.start();