用Javascript生成高质量的文档(jspdf+html2canvas)

<script src="jspdf.min.js"></script>
<script src="html2canvas.min.js"></script>

<button onclick="generateDocument()">生成文档</button>

function generateDocument() {
  // 使用html2canvas将HTML元素转换为Canvas图像
  html2canvas(document.body).then(function(canvas) {
    // 创建一个新的jspdf实例
    var doc = new jspdf();

    // 计算Canvas图像的宽度和高度
    var canvasWidth = canvas.width;
    var canvasHeight = canvas.height;

    // 将Canvas图像转换为Base64格式的图片数据
    var imgData = canvas.toDataURL('image/png');

    // 将图片数据添加到PDF文档中
    doc.addImage(imgData, 'PNG', 10, 10, canvasWidth, canvasHeight);

    // 保存PDF文档
    doc.save('document.pdf');
  });
}