vue3的zrender怎么展示antd的svg图

要在Vue3中使用Antd的SVG图标，可以使用Antd提供的Icon组件。Icon组件可以自动将Antd的SVG图标转换为可用的Web字体，并在页面中展示。

首先，在Vue3项目中安装Antd和@ant-design/icons：

npm install antd @ant-design/icons --save

然后，在需要使用SVG图标的组件中，可以通过以下代码引入Antd的Icon组件和所需的SVG图标：

<template>
  <div>
    <a-button>
      <a-icon :component="SvgIcon" />
      Click me!
    </a-button>
  </div>
</template>

<script>
import { defineComponent } from 'vue';
import { Button, Icon } from 'antd';
import { SmileOutlined } from '@ant-design/icons';

export default defineComponent({
  name: 'MyComponent',
  components: {
    'a-button': Button,
    'a-icon': Icon,
  },
  data() {
    return {
      SvgIcon: SmileOutlined,
    };
  },
});
</script>

在上面的代码中，我们引入了Antd的Button和Icon组件，并通过@ant-design/icons引入了SmileOutlined这个SVG图标。然后，在data中定义了一个变量SvgIcon，将其赋值为SmileOutlined。最后，在页面上使用a-icon组件，并将component属性绑定为SvgIcon，就可以在页面上展示SVG图标了。

注意，要展示SVG图标，需要在Icon组件上设置component属性，而不是type属性。component属性接受一个React组件作为值，而不是一个字符串类型的图标名称。因此，需要通过@ant-design/icons引入所需的SVG图标，并将其赋值给SvgIcon变量。