Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/84.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 外部css是否应用于jsPDF生成的PDF_Javascript_Html_Css_Jspdf - Fatal编程技术网

Javascript 外部css是否应用于jsPDF生成的PDF

Javascript 外部css是否应用于jsPDF生成的PDF,javascript,html,css,jspdf,Javascript,Html,Css,Jspdf,我已经开始使用jspdf制作一些演示。我有一个html文件,我的css在外部文件中 我已经写了下面的代码来生成我的pdf $('#pdfButton').on('click', function(){ var pdf = new jsPDF('p','in','letter') , source = $('#main')[0] , specialElementHandlers = { '#bypassme': function(element, renderer)

我已经开始使用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');

   });


});
其中,main是要将其内容导出为pdf的div的id。 内容导出为pdf,但不是整个内容(pdf被剪切)。它可以是动态内容。此外,我在外部文件中使用的css没有得到应用,像表格行、背景色等样式也没有得到应用

如何在生成pdf之前将外部css应用于pdf? 甚至可以使用jsPDF..吗。。?有什么建议吗


提前感谢

请记住,在HTML中使用PDF格式时,实际上是将内容打印到文件中。这意味着您需要在理想情况下创建打印样式表,但请记住,打印样式表意味着它会忽略背景色等内容。解决方法是在打印样式表中有一个背景图像,即颜色

再看这篇文章,


希望这会有所帮助,据我所知,jsPDF不需要外部css。事实上,它甚至不需要内联css。目前不适合使用jspdf将html转换为pdf


希望这能有所帮助。

您能提供一些关于打印样式表的链接吗?plsA打印样式表实际上与普通样式表相同,但在包含中有media=“print”。这里的主要问题是,您试图在打印样式表中使用背景色,这根本不起作用,因为这是用户为其打印机或浏览器设置的,而不是您可以设置的。这是因为不是所有的用户都会有彩色打印机。目前我并不担心颜色,我唯一担心的是我有一个html表格,我在其中添加了一些css,该表格不会被渲染为表格。但是被渲染成混乱的文本。对问题进行了更改…感谢您的时间设置小提琴,我可能能够在此小提琴中提供帮助。我必须按原样获取表格的pdf,但当单击“生成pdf”时,我们会看到一个混乱的文本