Kinetic JS - 如何获取组成员的坐标(拖动组后)？

关于Kinetic JS，它是一个开源的JavaScript库，用于开发HTML5的2D动画和交互式应用程序。在Kinetic JS中，可以使用组（Group）来组织和管理多个形状和图形。要获取组成员的坐标，可以使用getAbsolutePosition()方法。

以下是一个简单的示例，说明如何在Kinetic JS中获取组成员的坐标：

// 创建舞台
var stage = new Kinetic.Stage({
  container: 'container',
  width: 578,
  height: 200
});

// 创建层
var layer = new Kinetic.Layer();

// 创建组
var group = new Kinetic.Group({
  x: 100,
  y: 50,
  draggable: true
});

// 创建形状
var circle = new Kinetic.Circle({
  x: 50,
  y: 50,
  radius: 30,
  fill: 'red'
});

// 将形状添加到组中
group.add(circle);

// 将组添加到层中
layer.add(group);

// 将层添加到舞台中
stage.add(layer);

// 获取组成员的坐标
group.on('dragend', function() {
  var absolutePosition = group.getAbsolutePosition();
  var x = absolutePosition.x;
  var y = absolutePosition.y;
  console.log('Group member coordinates: x=' + x + ', y=' + y);
});

在这个示例中，我们创建了一个舞台、一个层、一个组和一个圆形。我们将圆形添加到组中，并将组添加到层中。然后，我们使用getAbsolutePosition()方法获取组成员的坐标。当组成员被拖动时，我们将在控制台中输出它们的坐标。

注意：Kinetic JS已经不再维护，建议使用其他更现代的库，如p5.js、D3.js等。