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. C# 利用Aspose.Words .dll将本地word文档转化成pdf（完美破解版 无水印 无中文乱码）

    下载Aspose.Words .dll  http://pan.baidu.com/s/1c8659k 在vs2010中新建窗体应用程序,命名为 wordtopdf 添加Aspose.Words .d ...

  2. mysqlerror2003错误原因以及解决方案

    出现mysql #2003错误有一下几种原因 一.mysql数据库没有启动 这种情况也正是我遇到的,到windows服务选项里查看发现没有mysql数据库服务这个选项,记得刚开始安装mysql的时候是 ...

  3. 038--HTML

    一.HTML的定义 1. 超文本标记语言(Hypertext Markup Language,HTML)通过标签语言来标记要显示的网页中的各个部分.一套规则,浏览器认识的规则 2. 浏览器按顺序渲染网 ...

  4. [BZOJ4064/Cerc2012]The Dragon and the knights

    Description 与当地鞋匠协会发生冲突的瓦维尔城堡的龙决定将它的狩猎场移出克拉科夫以减少敌对的邻居数量.现在他正在给和平而宁静的Bytes王国带来灾难与恐怖. 在Bytes王国有n条河流,每一 ...

  5. Linux文件和目录的777、755、644权限解释

    Linux文件和目录的权限 1.文件权限 在linux系统中,文件或目录的权限可以分为3种: r:4 读 w:2 写 x:1  执行(运行)-:对应数值0 数字 4 .2 和 1表示读.写.执行权限 ...

  6. 1-3方法的重载（overload）

    之前已经写了一个方法sumInt用来计算两个int类型数字的和,如果要是想计算两个float类型数字的和呢?ok,那就再来写一个sumFloat方法,除此之外,还有long类型,double类型,如果 ...

  7. android动画(1)各种动画属性表，简单代码，xml配置

    1.动画的属性表 1.1 常用属性 它们可以通过代码setXXX,getXXX,也可在xml中配置. 属性[类型] 功能 备注 Duration[long] 属性为动画持续时间 时间以毫秒为单位 fi ...

  8. 132 Palindrome Partitioning II 分割回文串 II

    给定一个字符串 s,将 s 分割成一些子串,使每个子串都是回文串.返回 s 符合要求的的最少分割次数.例如,给出 s = "aab",返回 1 因为进行一次分割可以将字符串 s 分 ...

  9. Android Studio编译开源项目（含NDK开发）常见报错

    1.未设置NDK的路径 Error:Execution failed for task ':library:ndkBuild'. > A problem occurred starting pr ...

  10. python_面向对象（6）

    第1章 递归函数 1.1 概述 1.2 练习 1.3 二分查找 第2章 面向对象•类 2.1 类的介绍 2.2 书写格式 2.3 类的属性 2.4 self介绍 2.5 类属性补充 2.6 调用查看静 ...