g6 addShape('image') 右上角加红点

`g6.addShape('image')` 这行代码是在G6图库中添加一个图片形状的操作。如果你想在添加的图片形状右上角加上一个红色的点，你需要自定义这个形状。G6提供了一个图形组件系统，允许用户创建自定义形状。你可以通过扩展内置的`shape.image`并覆盖它的渲染方法，例如：

import { registerShape } from '@antv/g6';

registerShape('imageWithDot', {
  draw: function (cfg) {
    const { x, y, width, height, image, dotSize, dotColor } = cfg;
    // ... 先绘制图片
    this.drawImage(image, x, y, width, height);
    
    // 然后在右上角画红点
    const dotX = x + width - dotSize;
    const dotY = y + height / 2 - dotSize / 2; // 红点中心位置
    this.arc(dotX, dotY, dotSize, dotSize, 0, Math.PI * 2, {
      fill: dotColor,
      stroke: 'none',
    });
  },
});

然后在创建形状时指定类型为`'imageWithDot'`：

const imageNode = graph.addNode({
  id: 'node1',
  shape: 'imageWithDot',
  // ... 其他配置
  image: 'path/to/your/image.jpg',
  dotSize: 5, // 红点大小
  dotColor: '#ff0000', // 红色
});