KonvaJS:如何用线条将n个形状连接起来？

// 创建舞台
var stage = new Konva.Stage({
  container: 'container', // 指定容器ID
  width: 800, // 宽度
  height: 600 // 高度
});

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

// 创建形状
var shape1 = new Konva.Circle({
  x: 100, // x坐标
  y: 100, // y坐标
  radius: 50, // 半径
  fill: 'red' // 填充颜色
});

var shape2 = new Konva.Rect({
  x: 200, // x坐标
  y: 200, // y坐标
  width: 100, // 宽度
  height: 100, // 高度
  fill: 'blue' // 填充颜色
});

// 创建线条
var line = new Konva.Line({
  points: [shape1.x(), shape1.y(), shape2.x(), shape2.y()], // 连接的起点和终点坐标
  stroke: 'green', // 线条颜色
  strokeWidth: 2 // 线条宽度
});

// 将形状和线条添加到图层
layer.add(shape1);
layer.add(shape2);
layer.add(line);

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

// 渲染
stage.draw();