欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

将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 标签,用户可以保持图片到本地

相关标签: js