js 把某块html内容变为图片保存

 getPicture() {
      let video = document.getElementsByClassName("vjs-tech")[0]; //vjs-tech class 名称，获取某个dom节点
      let canvas = document.createElement("canvas");
      let w = window.innerWidth;
      let h = (window.innerWidth / 16) * 9;
      canvas.width = w;
      canvas.height = h;
      const ctx = canvas.getContext("2d");
      ctx.drawImage(video, 0, 0, w, h);
      ctx.drawImage(video, 0, 0, w, h);
      let previewImg = canvas.toDataURL("image/png");
      let a = document.createElement("a");
      const event = new MouseEvent("click"); // 创建一个单击事件
      a.download = "截图"; // 设置图片名称
      a.href = previewImg; // 将生成的URL设置为a.href属性
      a.dispatchEvent(event); // 触发a的单击事件
    }