1、使用背景
     最近公司需要把html页面的内容生成pdf并下载，试过很多方法都没有满意的效果，后来找到wkhtmltopdf这款软件，终于解决了这个问题。

wkhtmltopdf是exe文件，需要下载安装，之后全部文件放到mvc项目，用C#的ProcessStartInfo调用执行。

要导出的html页面：

2、下载安装
     官网：https://wkhtmltopdf.org/。

主页download里下载对应系统的版本安装并把安装后的文件放到vs里面方便之后调用。

3、使用的参数

      wkhtmltopdf的参数有四种： 封面对象、目录对象、文档对象和页面对象。这里需要用到的是文档对象和页面对象。

还有很多其他参数，具体的参数列表可以看官方文档：https://wkhtmltopdf.org/usage/wkhtmltopdf.txt

使用方法：wkhtmltop
      df [GLOBAL OPTION]... [OBJECT]... <output file>

从左到右依次是：命令开始、使用灰度模式、禁止智能缩放、设置页眉为html文件、生成pdf的页面网址、生成的pdf文件名称。
     上面是在命令提示符使用的方式，在mvc里使用：

  ProcessStartInfo startInfo = new ProcessStartInfo();

  startInfo.FileName = file;

  startInfo.Arguments = "wkhtmltopdf --grayscale --disable-smart-shrinking --header-html head.html https://www.baidu.com 123.pdf";

  startInfo.CreateNoWindow = true;

  startInfo.WindowStyle = ProcessWindowStyle.Hidden;

  var cc = Process.Start(startInfo);

  cc.WaitForExit();

  cc.Close();

4、添加水印
     公司要求生成的pdf需要添加水印，每页pdf显示两个logo水印图片。开始是用给每个div设置背景图片的方式添加水印，让背景图片以y轴重复。由于每个div的高度不定，导致一个水印生成在两个pdf页面，影响美观，果断放弃。后来使用页眉设置html的方式来显示水印，这里要注意的是，页眉会占用html的位置，所以我用before和after伪元素来写两个logo水印。

水印效果图：

 <!DOCTYPE html>

 <html>

 <head>

     <style>

         * { margin:0;padding:0;}

         #divd::before{content:"";width:400px;height:400px;background:url(mark.png);position:absolute;opacity:0.3;left:50%;margin-left:-200px;}

         #divd::after{content:"";width:400px;height:400px;background:url(mark.png);position:absolute;opacity:0.3;left:50%;margin-left:-200px;top:400px}

     </style>

 </head>

 <body style="border:0; margin: 0;">

     <div id="divd" style=""></div>

 </body>

 </html>

之后只要用--header-html head.html方式调用这个页面就会每页pdf生成两个水印图片。

5、pdf分页
默认pdf生成是把内容从上往下写入，并不好看，导出的pdf效果：

公司要求每个div处需要从新的页开始，这里给需要分页的div添加page-break-before:left样式即可，最终pdf效果：

6、其他
     a、如果有td或者th需要隐藏border，需要使用这个样式border:0。
     b、生成的pdf设置间距时用padding不用margin，类似“padding:1px 2px 3px 4px”这种样式要改成“padding-top:1px;padding-right:2px;padding-bottom:3px;padding-left:4px;”。

c、html里面如果有font-family样式和h1、h2、h3标签也会出错；解决方法是去掉或者替换这些字符串。

wkhtmltopdf导出html到pdf的更多相关文章

  1. Java操作wkhtmltopdf实现Html转PDF

    做java开发的都知道,java生成pdf大部分都是用itext,itext的确是java开源组件的第一选择.不过itext也有局限,就是要自己写模版,系统中的表单数量有好几百个,为每个表单做一个导出 ...

  2. wkhtmltopdf 将网页转换为PDF和图片

    wkhtmltopdf 是一个shell工具,它使用了WebKit渲染引擎和Qt,将网页html转换为pdf的强大工具,转换后的pdf也可以通过pdf工具进行复制.备注.修改 官网下载地址:http: ...

  3. 导出excel和PDF小结 vba

    最近接触了一个关于Access工具的项目,所以整理下需要使用的方法. 功能要求简介: 1.将数据表中的数据导出到excel和PDF 2.并根据某个字段名称分sheet输出. 3.无模板方式 方案简介: ...

  4. 【转】Java通过IText导出word和pdf

    原帖地址:http://blog.csdn.net/zwx19921215/article/details/34439851 最近做的项目中需要用到把Highcharts图表导出word和pdf的功能 ...

  5. BarTender 2016如何导出模板为pdf文件？

    最近有小伙伴来问,BarTender 2016能不能导出模板为pdf文件?这个是可以的,之前针对BarTender 10.1就介绍过一种方法了.本文,小编再针对BarTender 2016给大家讲下如 ...

  6. jquery插件导出excel和pdf（解决中文乱码问题）

    参考文件:http://jackyrong.iteye.com/blog/2169683 https://my.oschina.net/aruan/blog/418980 https://segmen ...

  7. Magicodes.IE已支持导出Word、Pdf和Html

    关于Magicodes.IE 导入导出通用库,通过导入导出DTO模型来控制导入和导出,支持Excel.Word.Pdf和Html. GitHub地址:https://github.com/xin-la ...

  8. C#&.Net干货分享- iTextSharp导出数据源到PDF

    namespace Frame.ITextSharp{    /// <summary>    /// iTextSharp导出数据源到PDF    /// </summary> ...

  9. php使用wkhtmltopdf导出pdf

    参考:史上最强php生成pdf文件,html转pdf文件方法 http://biostall.com/wkhtmltopdf-add-header-footer-to-only-first-last- ...

随机推荐

  1. unity aSSETBUNDEL （转）

    无论是模型资源还是UI资源,最好是先把他们放在Prefab中,然后在做成Assetbundle.我们以模型来举例,Assetbundle中可以放一个模型.也可以放多个模型,它是非常灵活了那么最需要考虑 ...

  2. relative和absolute

    relative 相对定位 1. 幻影瞬移 absolute属性也有瞬移技能,不同之处在于:absolute属性以天空或其他外界限制计算瞬移位置:而relative属性由于是凡人肉体,偏移能力有限,只 ...

  3. Entity Framework 实体间的外键关系

    EF 默认是开户级联删除的,这此规则将会删除非空外键和多对多的关系,如果 在数据库上下文中的实体模型类 存在着 级联引用和多重删除路径,那么EF就抛出 级联引用和多重删除路径的异常. Introduc ...

  4. 使用git rebase合并多次commit

    使用git rebase合并多次commit 聊下 git rebase -i

  5. c++ 头文件 及 sort 和 vector简单介绍

    c++  sort :http://www.16kan.com/post/997260.html http://wenku.baidu.com/view/e064166daf1ffc4ffe47ac6 ...

  6. Bid和Ask

    一直很懵到底哪个是哪个,记吧,很快就又懵了.网上又坑,每一个解释清楚的.这次搞明白了记下来. 当然,这么逗比的取名法我也是醉了.直接加点东西,UserBuy,UserSell,BankBuy,Bank ...

  7. 模板 - 动态规划 - 概率期望dp

    https://blog.csdn.net/myjs999/article/details/81022546

  8. CodeForces 13C【DP】

    题意: 给你n个数,每次只能让一个数+1,或者-1,目标是最终使这个序列构成一个非递减的序列: n是5e3,复杂度n^2内.值是1e9: 思路: 可以发现子结构是保证一个区间的非递减, 如果只是dp[ ...

  9. bzoj 5496: [2019省队联测]字符串问题【SAM+拓扑】

    有一个想法就是暴力建图,把每个A向有和他相连的B前缀的A,然后拓扑一下,这样的图是n^2的: 考虑优化建图,因为大部分数据结构都是处理后缀的,所以把串反过来,题目中要求的前缀B就变成了后缀B 建立SA ...

  10. IDEA设置取消自动显示参数提示

    IDEA设置取消自动显示参数提示 最近在使用IDEA的过程中,发现方法中一直显示形参名的提示,无法选中,也无法删除,基于不同人的使用习惯不同,有的人不喜欢这种提示,我也在网上寻找各种解决方案,由于搜索 ...