jQuery 将 HTML 转换为 PDF - 使用 jsPDF 库 - 常规

要将 HTML 转换为 PDF，可以使用 jsPDF 库。jsPDF 是一个用于生成 PDF 文档的 JavaScript 库，可以在浏览器中直接使用。\n\n首先，将 jsPDF 库添加到 HTML 页面中。可以从 jsPDF 的官方网站（https://github.com/MrRio/jsPDF）上下载并引入。\n\n然后，使用 jQuery 选择要转换为 PDF 的 HTML 元素，并将其内容添加到 PDF 中。\n\n以下是一个示例代码：\n\nhtml\n<!DOCTYPE html>\n<html>\n<head>\n <title>HTML to PDF</title>\n <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>\n <script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/2.4.0/jspdf.umd.min.js"></script>\n</head>\n<body>\n <div id="content">\n <h1>Hello, world!</h1>\n <p>This is a sample HTML content.</p>\n </div>\n <button id="download">Download PDF</button>\n\n <script>\n $(document).ready(function() {\n $('#download').click(function() {\n var doc = new jsPDF();\n var content = $('#content').html();\n doc.fromHTML(content, 15, 15, {\n 'width': 170\n });\n doc.save('sample.pdf');\n });\n });\n </script>\n</body>\n</html>\n\n\n在上面的示例中，我们使用 jQuery 选择了 id 为“content”的 div 元素，并将其内容保存在一个变量中。然后，我们创建了一个新的 jsPDF 实例，并使用 fromHTML 方法将 HTML 内容添加到 PDF 中。最后，我们使用 save 方法将 PDF 保存为“sample.pdf”文件。\n\n当点击“Download PDF”按钮时，将生成并下载一个名为“sample.pdf”的 PDF 文件，其中包含 HTML 内容。\n\n请注意，在某些浏览器中，跨域限制可能会导致此方法无法正常工作。在这种情况下，可以考虑使用服务器端的 PDF 生成库来完成任务。