vue3使用zrender引用antd的icon

你可以使用以下方法在Vue3中使用zrender引用antd的icon：

1. 安装zrender和ant-design-vue：

npm install zrender ant-design-vue --save

2. 在Vue组件中引入zrender和ant-design-vue：

import { defineComponent } from 'vue'
import { Icon } from 'ant-design-vue'
import zrender from 'zrender'

export default defineComponent({
  components: { Icon },
  setup() {
    const icon = Icon.createFromIconfontCN({
      scriptUrl: '//at.alicdn.com/t/font_1234567_abcdef.js'
    })

    const zr = zrender.init(document.getElementById('myChart'))

    const shape = new zrender.Path({
      shape: {
        d: icon.path
      },
      style: icon.extra
    })

    zr.add(shape)

    return {
      zr
    }
  }
})

3. 在模板中添加canvas元素：

<template>
  <div id="myChart"></div>
</template>

其中，`scriptUrl`是你自己的iconfont图标库链接，`d`属性是icon的路径信息，`extra`属性是icon的样式信息。你需要根据自己的需求修改这些属性。