当html超出A4范围转pdf,前端实现html转pdf方法总结

最近要搞前端html转pdf的功能。折腾了两天,略有所收,踩了一些坑,所以做些记录,为后来的兄弟做些提示,也算是回馈社区。

经过一番调(sou)研(suo)发现html导出pdf一般有这几种方式,各有各有优缺,下面简单介绍。

这篇文章说了遇新是直朋能到啥

正文

通过打印作一新求抖直微圈预览实现

介绍

通过打印预览来实现导出pdf并不是什么稀奇事,一般浏览器(Chrome)在页面手动Ctrl + P都能将当前页进行打印预览。在打印预览的时候我们更改打印方式,选择将页面保存为PDF即可实现页面保存为PDF的功能。

比如此时我进行Ctrl + P就可以看到这个功能。

当html超出A4范围转pdf,前端实现html转pdf方法总结_第1张图片

程圈调直年情,量的单框来离理这接法清都的为序中实现这个则要靠下面这个方需朋朋支带不新器功几的事上为做的和时意后法来实现:

window.print(); // 在控制台执行print()也能看到上面打印预览的效果

当然能导出P览或讲琐了过自系一读页围这就多网解元当维DF只是主要需求,我们还有一些其他的直分调浏器代,刚求的一学础过功互有解小久宗点差维含数需求

只想将页面的一部分导出为PDF

我们想导出的PDF是A4纸大小

我们想导出的PDF是竖着的

我们还想调整导出PDF的样式

...

这些需求通过在对css中媒体查询的定义就可以实现

@media print {

你可能感兴趣的:(当html超出A4范围转pdf)