g6中内置节点圆的icon用阿里巴巴矢量图的svg图标具体用法

要使用阿里巴巴矢量图的svg图标作为g6中内置节点圆的icon，需要先下载对应的svg文件。

接着，在代码中定义icon时，可以使用以下方法引入svg文件：

import { registerFontFamily, registerNode } from '@antv/g6';

// 引入svg图标
import svgIcon from './icon.svg';

// 注册字体
registerFontFamily('iconfont', {
  fontFamily: 'iconfont',
  src: `url(${svgIcon}) format('svg')`,
});

// 注册节点
registerNode('custom-node', {
  draw(cfg, group) {
    // 绘制节点
    // ...
  },
  // 设置icon
  getIcon() {
    return {
      fontFamily: 'iconfont',
      type: 'text',
      text: '\ue60c', // 使用icon对应的unicode码
      textAlign: 'center',
      textBaseline: 'middle',
      fontSize: 24,
      fontWeight: 'normal',
      fill: '#666',
      cursor: 'pointer',
    };
  },
});

其中，registerFontFamily方法用于注册字体，src参数的值为svg文件的路径。getIcon方法返回的是一个文本对象，其中的text属性为svg图标对应的unicode码，可以在svg文件中查看。其他属性可以根据需要进行调整。

最后，在绘制节点时，可以通过调用getIcon方法来设置节点的icon：

const node = graph.addItem('node', { id: 'node1', x: 100, y: 100 });
node.get('group').addShape('circle', {
  attrs: {
    // 设置圆的样式
    // ...
    // 设置icon
    icon: node.getIcon(),
  },
});