将html转换成图片
程序员文章站
2022-04-09 09:15:36
...
利用 html2canvas 脚本
该脚本允许您直接在用户浏览器上拍摄网页或其中一部分的“屏幕截图”。屏幕截图基于DOM,因此可能无法真实表示100%的准确度,因为它无法生成实际的屏幕截图,而是根据页面上的可用信息构建屏幕截图。
安装 npm安装
npm install html2canvas
import html2canvas from 'html2canvas';
使用
html2canvas(document.body).then(function(canvas) {
document.body.appendChild(canvas);
});
调用之后会生成一个 convas 标签,用户可以保持图片到本地