vue3使用zrender引用antd的icon

你可以通过在Vue3中使用zrender库来引用Antd的icon。具体步骤如下：

1. 安装zrender和Antd：

npm install zrender ant-design-vue --save

2. 在Vue组件中引入zrender和Antd：

import { defineComponent } from 'vue';
import { Button } from 'ant-design-vue';
import * as zr from 'zrender';

3. 在Vue组件中使用zrender和Antd：

export default defineComponent({
  mounted() {
    const canvas = this.$refs.canvas;
    const zrInstance = zr.init(canvas);

    const iconShape = new zr.Image({
      style: {
        image: Button.iconfont({ scriptUrl: '//at.alicdn.com/t/font_8d5l8fzk5b87iudi.js' }).create(),
        x: 100,
        y: 100,
        width: 20,
        height: 20,
      },
    });

    zrInstance.add(iconShape);
  },
  render() {
    return (
      <div>
        <canvas ref="canvas" />
      </div>
    );
  },
});

以上代码将在canvas中绘制出一个Antd的icon。具体实现方式是：使用Antd的Button.iconfont方法创建icon的SVG图标，然后将其渲染到zrender中的Image对象中。