echart转换成pdf js_使用jspdf插件导出的PDF文件,在浏览器上能解析成功显示,用Adobe不能打开,提示读取文档出现问题...

我在使用jsPDF,一个将base64转换为PDF文件并提供下载功能的插件,

目标:将echarts生成的图表,使用echarts自带的方法getDataURL,转换为base64码

问题:转换后,能生成一个PDF文件,在浏览器上能正常解析出来,但是使用Adobe的阅读器时,提示读取文档出现问题,文档解析不成功。

function createPDFObject(imgData, imgSize, imgX, imgY, imgWidth, imgHeight) {

// p 竖排;l 横排

var doc = new jsPDF('p', 'pt', imgSize);

doc.addImage(imgData, 'JPEG', imgX, imgY, imgWidth, imgHeight);

doc.save($(`#${type} .e_table_head`).text() + '(' + moment(start).format("YYYYMMDD") + "-" + moment(end).format("YYYYMMDD") + ').pdf')

};

var base64Info = eChart.getDataURL({ type:'png',pixelRatio: 1 });

createPDFObject(base64Info, 'a4', 10, 50, 550, 400);

各位大神有遇到过这种情况吗?怎么样可以解决这个问题??

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
使用iTextPDF导出PDF模板,可以按照以下步骤进行操作: 1. 首先,制作一个PDF模板。你可以使用Adobe Acrobat X Pro来打开原型PDF文件,并将其另存为PDF模板。确保模板中包含需要填充的字段或占位符。 2. 确保你的iTextPDF库已正确引入。在你的项目中添加以下依赖项: ``` <dependency> <groupId>com.itextpdf</groupId> <artifactId>itextpdf</artifactId> <version>5.5.6</version> </dependency> <dependency> <groupId>com.itextpdf</groupId> <artifactId>itext-asian</artifactId> <version>5.2.0</version> </dependency> ``` 3. 在你的代码中,使用iTextPDF库创建一个PdfReader对象来读取你的PDF模板。 4. 通过PdfReader对象获取PdfStamper对象,这将允许你修改PDF文件。 5. 使用PdfStamper对象的getAcroFields()方法来获取表单域的集合。表单域是你在PDF模板中定义的字段或占位符。 6. 使用AcroFields对象的setField()方法来为每个表单域设置值。你可以根据需要设置不同的值。 7. 最后,使用PdfStamper对象的close()方法来关闭并保存修改后的PDF文件。 这样,你就成功使用iTextPDF导出PDF模板了。记得在代码中按照上述步骤进行相应的操作和设置。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* [java 使用 itextpdf5 利用 pdf 模板生成PDF文件](https://blog.csdn.net/qq_39750658/article/details/110561286)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *3* [使用itextpdf完成PDF模板类制作、使用](https://blog.csdn.net/m0_60524086/article/details/124195792)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值