前台生成pdf

最新推荐文章于 2024-08-08 07:59:25 发布

Bruno mars��

最新推荐文章于 2024-08-08 07:59:25 发布

阅读量773

点赞数 1

本文链接：https://blog.csdn.net/AdrianSimon/article/details/89316926

版权

本文介绍了如何在前端通过引入html2canvas和jspdf库，结合Maven依赖，实现点击按钮将HTML内容转换为高清晰度的PDF文件。详细讲述了配置过程，包括解决js路径错误的问题，并提供了代码示例。

摘要由CSDN通过智能技术生成

首先导入maven下的jar
<dependency>
<groupId>org.webjars</groupId>
<artifactId>html2canvas</artifactId>
<version>0.4.1</version>
</dependency>
<dependency>
<groupId>org.webjars</groupId>
<artifactId>jspdf</artifactId>
<version>1.4.1</version>
</dependency>
html文件写
<button id=“exportToPdf” > 生成PDF</button>
<div id=“export_content”>内容</div>
js文件写

var downPdf = document.getElementById(“exportToPdf”);
downPdf.onclick = function () {
html2canvas(
document.getElementById(“export_content”),
{
dpi: 172,//导出pdf清晰度
onrendered: function (canvas) {