Konva自定义形状中的文本

// 创建Konva.Stage和Konva.Layer
var stage = new Konva.Stage({
  container: 'container',
  width: 500,
  height: 300
});

var layer = new Konva.Layer();
stage.add(layer);

// 创建自定义形状
var customShape = new Konva.Shape({
  x: 100,
  y: 100,
  sceneFunc: function(context) {
    context.beginPath();
    context.moveTo(0, 0);
    context.lineTo(100, 0);
    context.lineTo(100, 100);
    context.lineTo(0, 100);
    context.closePath();
    context.fillStrokeShape(this);
  }
});

// 创建Konva.Text对象
var text = new Konva.Text({
  x: 10,
  y: 10,
  text: 'Hello Konva!',
  fontSize: 20,
  fontFamily: 'Arial',
  fill: 'black'
});

// 将Konva.Text对象添加到自定义形状中
customShape.add(text);

// 将自定义形状添加到Konva.Layer中
layer.add(customShape);

// 更新舞台
stage.draw();