konva 点击中心拖动

要实现Konva中心拖动，您可以按照以下步骤进行操作：

1. 首先，您需要监听Konva图层的mousedown事件。

2. 在mousedown事件处理程序中，您需要计算鼠标在图形中心的位置。

3. 在mousemove事件处理程序中，您需要计算鼠标当前位置与初始位置之间的差值，并将其添加到图形的x和y属性中。

4. 最后，在mouseup事件处理程序中，您需要取消mousemove事件处理程序。

下面是一个示例代码片段，用于实现Konva中心拖动：

var circle = new Konva.Circle({
  x: 100,
  y: 100,
  radius: 50,
  fill: 'red',
});

circle.on('mousedown', function(e) {
  var mouseX = e.evt.clientX;
  var mouseY = e.evt.clientY;
  var circleX = this.x();
  var circleY = this.y();
  var offsetX = mouseX - circleX;
  var offsetY = mouseY - circleY;

  this.on('mousemove', function(e) {
    var newX = e.evt.clientX - offsetX;
    var newY = e.evt.clientY - offsetY;
    this.x(newX);
    this.y(newY);
  });

  this.on('mouseup', function() {
    this.off('mousemove');
  });
});

layer.add(circle);

这将使Konva中心的圆形在mousedown时拖动，并在mouseup时停止。