本文共 884 字，大约阅读时间需要 2 分钟。

html2canvas文档：

一. 使用html2canvas

1. 安装html2canvas

npm install --save html2canvas

2. 引入html2canvas

import html2canvas from "html2canvas";

3. 使用引入html2canvas开始截屏并下载

screen() {
     //对指定容器进行截屏  html2canvas(document.getElementById("view"), {
       useCORS: true, //是否尝试使用CORS从服务器加载图像    backgroundColor: '#ececec', //画布背景色（如果未在DOM中指定）。设置null为透明  }).then((canvas) => {
       // 返回一个 canvas 对象，在dom中渲染 canvas 对象    //document.body.appendChild(canvas);    // 转化成 dataurL    let canvasImg = canvas.toDataURL("image/png");    //调用下载方法    this.downLoadFile("simple", canvasImg);  });},downLoadFile(fileName, canvasImg) {
     //创建一个a标签  var a = document.createElement("a");  //指定下载文件名称  a.href = canvasImg;  a.download = fileName;  //模拟点击  a.click();},

二. 一个使用html2canvas截屏并下载的实例

转载地址：https://blog.csdn.net/Jie_1997/article/details/116497508 如侵犯您的版权，请留言回复原文章的地址，我们会给您删除此文章，给您带来不便请您谅解！