vue3使用zrender引用antd的icon

可以通过以下步骤引用antd的icon到vue3中的zrender中：

1. 安装依赖

安装`@ant-design/icons-svg`和`@ant-design/icons-vue`，可以通过以下命令进行安装：

npm install @ant-design/icons-svg @ant-design/icons-vue

2. 导入icon

在需要使用icon的组件中，导入需要的icon，例如：

import { SmileOutlined } from '@ant-design/icons-vue';

3. 将icon转换为svg

通过以下代码将icon转换为svg：

import { createFromIconfontCN } from '@ant-design/icons-svg';
import { getIconComponent } from '@ant-design/icons-vue';

const IconFont = createFromIconfontCN({
  scriptUrl: '//at.alicdn.com/t/font_1234567.js', // 替换为你的iconfont链接
});

const iconSvg = getIconComponent({ icon: SmileOutlined }).$el;

const svg = IconFont.createFromIconfontCN({
  scriptUrl: '//at.alicdn.com/t/font_1234567.js', // 替换为你的iconfont链接
  extraCommonProps: {
    width: 16,
    height: 16,
    fill: 'currentColor',
  },
  iconName: iconSvg.getAttribute('data-icon'),
});

4. 使用icon

将svg作为zrender的图形元素使用，例如：

const shape = new zrender.Path({
  shape: {
    d: svg.path,
  },
  style: {
    fill: svg.extraCommonProps.fill,
  },
});