尝试在FabricJS中创建带句柄的演讲气泡

<canvas id="canvas"></canvas>

var canvas = new fabric.Canvas('canvas');

var speechBubble = new fabric.Path('M 0 0 L 100 0 Q 120 0 120 20 L 120 80 Q 120 100 100 100 L 40 100 L 20 120 L 0 100 L 0 20 Q 0 0 20 0 Z');
speechBubble.set({
  left: 50,
  top: 50,
  fill: 'white',
  stroke: 'black',
  strokeWidth: 2,
  hasControls: false,
  hasBorders: false,
  lockScalingFlip: true
});

var handle = new fabric.Rect({
  left: 100,
  top: 50,
  width: 10,
  height: 20,
  fill: 'black',
  hasControls: false,
  hasBorders: false,
  lockScalingFlip: true
});

speechBubble.addWithUpdate(handle);

canvas.add(speechBubble);
canvas.renderAll();