如何在Vuejs中将SVG代码显示为图片？

<template>
  <div v-html="svgCode"></div>
</template>

npm install html2canvas

import html2canvas from 'html2canvas';

export default {
  data() {
    return {
      svgCode: '<svg>...</svg>',
      imageSrc: ''
    };
  },
  mounted() {
    this.generateImage();
  },
  methods: {
    generateImage() {
      const element = document.querySelector('.svg-container');

      html2canvas(element).then(canvas => {
        this.imageSrc = canvas.toDataURL();
      });
    }
  }
};

<template>
  <div>
    <div class="svg-container" v-html="svgCode"></div>
    <img :src="imageSrc" alt="SVG Image">
  </div>
</template>