轻松搞定html2canvas生成图片

1、介绍

该脚本允许您直接在用户浏览器上对网页或其部分进行“截图”。 屏幕截图基于DOM，因此可能无法100%准确地表示真实的内容 因为它并不制作实际的屏幕截图，而是根据信息构建屏幕截图 在页面上可用。

官方地址

2、安装方式

使用npm安装

npm install --save html2canvas

使用yarn安装

yarn add html2canvas

3、基本使用方式

import html2canvas from "html2canvas";

html2canvas(document.querySelector("id"), {,scrollY: 0,scrollX: 0})
.then(function (canvas) {
    let imgUrl = canvas.toDataURL("image/png");
});

详细属性可以参考官方文档自由配置。