JSPDF运用实例（解决图片跨域问题）

最新推荐文章于 2024-09-01 07:00:00 发布

weixin_33795806

最新推荐文章于 2024-09-01 07:00:00 发布

阅读量2.1k

点赞数

文章标签： javascript java web.xml ViewUI

原文链接：https://my.oschina.net/linwl/blog/1600847

版权

本文介绍了如何使用JSPDF库进行PDF生成，并着重解决了在使用过程中遇到的图片跨域问题。通过为图片添加crossorigin属性，并在服务器端（以Tomcat为例）配置web.xml允许跨域，成功实现PDF中图片的正常显示。

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

为什么80%的码农都做不了架构师？>>>

引入js（这里可以自己去官网下载jspdf https://parall.ax/products/jspdf）

<script type="text/javascript" src="${ctx }/staticfile/jsPDF/html2canvas_back.js"></script>
<script type="text/javascript" src="${ctx }/staticfile/jsPDF/dist/jspdf.debug.js"></script>

2.调用方法（这里给大家封装好了）：

/*转pdf*/
function toPDF(){
      html2canvas(document.body, {
          useCORS:true,
            onrendered:function(canvas) {
                //这是文件名
              var fileName = "${submitExperimentFile.stu