将SVG转换为PNG并下载，vue 2

npm install html-to-image

import htmlToImage from 'html-to-image';

methods: {
  downloadImage() {
    const svgElement = document.getElementById('svg-element'); // 替换为你的SVG元素ID
    htmlToImage.toPng(svgElement)
      .then((dataUrl) => {
        const link = document.createElement('a');
        link.download = 'image.png'; // 下载的文件名
        link.href = dataUrl;
        link.click();
      })
      .catch((error) => {
        console.error('转换失败：', error);
      });
  }
}

<template>
  <div>
    <svg id="svg-element">
      <!-- 这里是你的SVG内容 -->
    </svg>
    <button @click="downloadImage">下载PNG</button>
  </div>
</template>