外部 CSS 是否应用于 jsPDF 生成的 pdf

2024-05-24

我已经开始使用 jspdf 制作一些演示。我有一个 html 文件,我的 css 在外部文件中。

我写了下面的代码来生成我的pdf

$('#pdfButton').on('click', function(){

   var pdf = new jsPDF('p','in','letter')
   , source = $('#main')[0]
   , specialElementHandlers = {
      '#bypassme': function(element, renderer){
      return true
      }
   }

  pdf.fromHTML(
     source // HTML string or DOM elem ref.
      , 0.5 // x coord
      , 0.5 // y coord
      , {
            'width':700 // max width of content on PDF
            , 'elementHandlers': specialElementHandlers
       }
   )
   pdf.output('dataurl');

   });


});

where main是我想要将其内容导出为 pdf 的 div 的 id。 内容导出为 pdf,但不是全部内容(pdf 被剪切)。它可以是动态内容。另外,我在外部文件中的 css 没有得到应用,样式如下表格行、背景颜色等没有被应用。

如何在生成 pdf 之前将外部 css 应用到 pdf 上? jsPDF 是否可以实现?有什么建议请。

提前致谢


据我所知 jsPDF 不接受外部 css。事实上它甚至不需要内联CSS。目前不适合使用jspdf将html转换为pdf。

希望这可以帮助。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

外部 CSS 是否应用于 jsPDF 生成的 pdf 的相关文章

随机推荐