Konvajs 实现鼠标移入group后 动态添加边框 移除后消失

可以使用KonvaJS的事件监听器来实现鼠标移入group时动态添加边框，移出时消失。具体实现步骤如下：

1. 首先，创建一个group对象，并将其添加到KonvaJS的舞台(stage)中。

2. 使用KonvaJS的事件监听器，监听group对象的"mouseenter"和"mouseleave"事件。

3. 在"mouseenter"事件处理函数中，创建一个矩形(rect)对象，并设置其填充色为透明，边框颜色和宽度为想要的颜色和宽度，将其添加到group对象中。

4. 在"mouseleave"事件处理函数中，移除矩形对象。

以下是示例代码：

// 创建一个group对象
var group = new Konva.Group({
  x: 50,
  y: 50,
  width: 100,
  height: 100
});
// 将group对象添加到舞台中
stage.add(group);

// 监听group对象的"mouseenter"和"mouseleave"事件
group.on("mouseenter", function() {
  // 创建一个矩形对象
  var rect = new Konva.Rect({
    width: group.width(),
    height: group.height(),
    stroke: "red",
    strokeWidth: 2,
    fillEnabled: false
  });
  // 将矩形对象添加到group对象中
  group.add(rect);
  // 重新绘制group对象
  group.draw();
});

group.on("mouseleave", function() {
  // 移除矩形对象
  group.children[0].destroy();
});

以上代码实现了鼠标移入group后动态添加边框，移出后消失的效果。