vue-自动快照当前页面内容区域并将图片保存到本地

1、安装相关依赖

        # 使用 npm 安装 html2canvas
        $ npm install html2canvas --save
        # 使用 yarn 安装 html2canvas
        $ yarn add html2canvas

2、建一个vue页面

  created() {
    setTimeout(() => {
      this.saveSnapshot();
    }, 2000);
  },

 methods: {
  saveSnapshot() {
    const element = document.getElementById('demoPage'); // 获取需要保存快照的DOM元素
  
    html2canvas(element).then((canvas) => {
      const link = document.createElement('a');
      <