h5 截图整个页面 生成图片

可以使用 html2canvas 和 jsPDF 库来实现。

首先，在 HTML 页面中引入这两个库：

<script src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/0.4.1/html2canvas.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.3.4/jspdf.min.js"></script>

然后，编写 JavaScript 代码：

// 获取整个页面的 HTML 元素
var element = document.documentElement;

// 使用 html2canvas 将元素转换为 Canvas
html2canvas(element, {
    onrendered: function(canvas) {
        // 将 Canvas 转换为图片 DataURL
        var imgData = canvas.toDataURL('image/png');

        // 使用 jsPDF 将图片添加到 PDF 中
        var pdf = new jsPDF('p', 'mm', 'a4');
        pdf.addImage(imgData, 'PNG', 0, 0, 210, 297);

        // 下载 PDF 文件
        pdf.save('page.pdf');
    }
});

这段代码会将整个页面转换为 Canvas，然后将 Canvas 转换为图片 DataURL，最后将图片添加到 PDF 中并下载。你可以根据需要修改文件名、图片格式、页面大小等参数。