vue html2canvas截图

以下是使用Vue和html2canvas.js进行截图的示例代码：

<template>
  <div>
    <div ref="screenshot">
      <!-- 这里是需要截图的内容 -->
    </div>
    <button @click="takeScreenshot">截图</button>
  </div>
</template>

<script>
import html2canvas from 'html2canvas';

export default {
  methods: {
    takeScreenshot() {
      html2canvas(this.$refs.screenshot).then(canvas => {
        // 将canvas转换为图片并下载
        const link = document.createElement('a');
        link.download = 'screenshot.png';
        link.href = canvas.toDataURL();
        link.click();
      });
    }
  }
}
</script>

在上面的代码中，我们首先在模板中定义了一个需要截图的区域，并在其中添加了一个按钮。当用户点击按钮时，我们调用`takeScreenshot`方法来进行截图。在该方法中，我们使用html2canvas库将需要截图的区域转换为canvas对象，然后将其转换为图片并下载。