具有相同大小的样式的打印/导出为PDF HTML元素(与设备无关)

时间:2019-05-01 17:41:53

标签: javascript html css

我目前正在尝试打印HTML和CSS样式的表格(或将其导出为PDF)。经过研究之后,我自己编程并使用了一些流行的库,但遇到了一些问题。 尝试打印(导出为PDF)时,我希望表格始终看起来相同(A4纸),而与使用打印功能的设备无关。我遇到的问题是它会完全按照当前屏幕上的样子打印表格。例如,在小屏幕上,表格甚至无法容纳在屏幕上,并且在某些时候被切断了(我提供了显示此效果的屏幕截图)。 另一个问题是,即使桌子适合放在屏幕上(例如笔记本电脑上),它的外观也仍然与大屏幕上的桌子不同,因为它们以不同的方式拉伸以适合A4。 无论屏幕大小,我如何实现将其打印或导出为PDF(宁愿将其导出为PDF)在每个设备上看起来都一样。

感谢阅读,祝您阅读愉快:-)

screenshot

2 个答案:

答案 0 :(得分:0)

认为您需要查看以下插件。 当然还有很多其他人。

您将需要使用库或其他内容在后端呈现pdf。 我用过pd4ml,很好。您可以创建单独的样式/ css / html,并使用传入的数据将其导出。

看看这个, https://pd4ml.com/php.htm

此外,您还应该看看PhantomJS,但这需要安装其他软件。

PD4ML只是一个可以使用的小型库。

答案 1 :(得分:0)

尝试

 <input type = "button" value = "Print" onclick = "window.print()" />

<h1> THIS IS PRINT EXAMPLE: </h1>
<h3> ALL SNIPPET WILL BE PRINTED </h3>

             <input type = "button" value = "Print" onclick = "window.print()" />

这可能对您有帮助