开源库 openhtmltopdf 将 html 转 为 pdf 页面优化、美化的不得不知道的经验

在我们项目中会使用freemark 生成 html，然后用 html 转 pdf。那么美化是必不可少的程序。

可以在style中设置如下属性修改页面大小。可以通过size 设置任意大小的page（不能是百分比），也可以设置标准的页面大小，如 a4, a5, a3, b3, b4, letter, legal,ledger

理论上来说，可以在一个文档中设置不同的页面尺寸。但这个解析器仅仅取第一页的page 的宽度作为 html 中body 的宽度，所以实际上，宽度只能设置一个，高度可以是设置多个。

可以在 @page 属性中设置的当前页的页边距，内边距、背景颜色等。和一般的 html 设置类似。

不过当我这里设置所有边框都为0 时候发现生成的pdf 仍然有边界。其实那是 body 的边距。可以通过下面的方法设置

和页面大小设置相似，这样所有的边距都就没了。这是一个需要注意的地方

这里就不多说了，看我另一篇文章即可。 分页优化

时间戳转换

功能简介：Unix时间戳和北京时间互转、获取时间戳方法

地址：http://www.matools.com/timestamp

代码对比/归并

功能简介：在线检测/比较两个文件文本的不同

地址：http://www.matools.com/compare

LESS编译器

功能简介：将LESS代码编译成CSS代码，方便前端人员使用

地址：http://www.matools.com/less

crontab表达式

功能简介：根据crontab表达式计算未来N次的执行时间

地址：http://www.matools.com/crontab

代码格式化

功能简介：可以对SQL、XML、JSON代码进行格式化和美化

地址：http://www.matools.com/code-format

编码转换

功能简介：URL解码、Native转UTF-8、Native转ASCII

地址：http://www.matools.com/code-convert

网页调色板

功能简介：网页颜色选择器、颜色代码查询、RGB颜色值参考

地址：http://www.matools.com/color

正则表达式

功能简介：正则表达式匹配和替换、多种常用正则表达式

地址：http://www.matools.com/regex

答题

功能简介：学霸，快来做题，提升一下你的技能吧

地址：http://www.matools.com/exam

Markdown

功能简介：将web上的文本转换成HTML文档

地址：http://www.matools.com/markdown

UBB编译器

功能简介：UBB是一种网页中的替代HTML代码的安全代码

地址：http://www.matools.com/ubb

进制转换

功能简介：2~36进制之间任意进制转换，支持浮点型

地址：http://www.matools.com/hex

CSV转HTML

功能简介：将CSV数据转换为HTML的表格,并展示在页面上

地址：http://www.matools.com/csv-html

HTML特殊符号

功能简介：HTML特殊字符编码大全

地址：http://www.matools.com/special-char

XML转JSON

功能简介：XML和JSON的内容和输出互相转换

地址：http://www.matools.com/xml-json

HTML转JS

功能简介：HTML和JS的内容和输出互相转换

地址：http://www.matools.com/html-js

js/css压缩

功能简介：在线压缩Javascript和CSS代码

地址：http://www.matools.com/compress

网页常用字体

功能简介：总结了各种常见的网页字体的显示效果

地址：http://www.matools.com/page-word

Cron生成器

功能简介：可以在线生成任务调度Quartz的Cron表达式

地址：http://www.matools.com/cron

JSON格式化

功能简介：Json解析、验证、格式化、压缩、以及Json与XML相互转换

地址：http://www.matools.com/json

SQL格式化

功能简介：sql在线美化、格式化、脚本压缩

地址：http://www.matools.com/sql

端口扫描

功能简介：扫描常用或指定的端口，查看端口是否开放

地址：http://www.matools.com/port

Base64编码解码

功能简介：将字符base64编码加密,或者将base64加密的字符还原

地址：http://www.matools.com/base64

MD5加密

功能简介：生成32位和16位的大写和小写的密文

地址：http://www.matools.com/md5

摩斯电码

功能简介：在线摩斯电码加密解密

地址：http://www.matools.com/morse

IP查询

功能简介：查询IP或域名的地理位置和宽带供应商、查看本机IP

地址：http://www.matools.com/ip

文字加密解密

功能简介：支持AES、DES、RC4、Rabbit 等多种算法

地址：http://www.matools.com/encrypt

HTTP状态查询

功能简介：检测网页返回的HTTP状态码

地址：http://www.matools.com/page-status

生成htpasswd

功能简介：生成htpasswd

地址：http://www.matools.com/htpasswd

favicon图标制作

功能简介：将上传图像剪切并生成ico格式的图标

地址：http://www.matools.com/ico

传图识字

功能简介：可以将一段含有英文文字的照片免费转化成文字

地址：http://www.matools.com/ocr

gif图制作

功能简介：一键生成gif动态图、闪图和搞笑表情包

地址：http://www.matools.com/gif

生成二维码

功能简介：可以设置图像格式、容错率、大小、颜色及LOGO

地址：http://www.matools.com/qrcode

图片转pdf

功能简介：在线免费将多张图片转成pdf文档，一键生成pdf文档

地址：http://www.matools.com/pdf

人脸识别

功能简介：在线人脸识别，自动识别人脸批量裁剪出头像图片

地址：http://www.matools.com/face

DIY卡通头像

功能简介：免费的动漫人物制作工具，可以随心定制男女卡通头像

地址：http://www.matools.com/cartoon

传图识色

功能简介：可以识别出光标所在处图片的颜色，并提取出图片的主色调

地址：http://www.matools.com/image-color

手绘图片

功能简介：可以自动生成手绘风格照片，还可以改变照片的模糊度

地址：http://www.matools.com/sketch

图片转Base64

功能简介：图片和Base64编码互转

地址：http://www.matools.com/image-base64

衣服尺码计算

功能简介：输入你的身高体重，即可计算出你需要的衣服尺寸

地址：http://www.matools.com/size

身份z信息查询

功能简介：输入身份z号，查询归属地、性别和出生年月

地址：http://www.matools.com/id

科学计算器

功能简介：开方(√)、圆周率(π)、倒数(1/x)、正弦(Sin)

地址：http://www.matools.com/calculator

大小写转换

功能简介：可以实现人民币数字大写转换和英文大小写转换

地址：http://www.matools.com/upper-lower

日期间隔计算

功能简介：一款可以计算两个日期之间的天数的工具

地址：http://www.matools.com/date

汉字转拼音

功能简介：可以将汉字转化为带声调的拼音

地址：http://www.matools.com/pinyin

文字去重

功能简介：该工具可得到无重复数据的文字

地址：http://www.matools.com/repeat

单位换算器

功能简介：长度、面积、重量、温度等单位一键对等转换

地址：http://www.matools.com/unit

中文简繁转换

功能简介：将输入的一段文字转换为简体或繁体

地址：http://www.matools.com/chinese-convert

阴阳历转换

功能简介：支持农历公历互查，公历和农历互相转换

地址：http://www.matools.com/lunar

邮编区号查询

功能简介：输入省份、城市、区号或邮编查询该地区号

地址：http://www.matools.com/postcode

字数统计

功能简介：快速计算文章中汉字、标点、英文和数字的个数

地址：http://www.matools.com/count-char

设置图片的宽度高度，只有一张图片的设置

<img src="img/s12_01.jpg" style="width:100pxheight:100px" />

多张图片使用样式控制

<img src="img/s12_01.jpg" class="img_style" />

<style>

.img_style{width:100pxheight:100px}

</style>

---