HTML转图片利器：wkhtmltox

关于 wkhtmltox ，是一个可以把HTML转换为图片和pdf的工具。

不多介绍了，详见官网 https://wkhtmltopdf.org/

有时候为了让程序可以执行这个命令，可能需要配置环境变量

如果网页上的中文，转成图片后变成乱码方块，请安装相关字体 :)

执行 wkhtmltoimage www.bing.com bing.png ，就会在当前目录下生成了一张png图片。

这个命令还可以增加一些参数，比如常用的设置宽高，图片质量等参数

执行 wkhtmltoimage --crop-w 410 --width 410 --quality 50 www.bing.com bing2.png 看看

说明:

还有更多参数用法，请 wkhtmltoimage -h 查看。

HTML转pdf同理， wkhtmltopdf -h 。

业务逻辑：

在html页面显示表格，使用visibility: inherit隐藏该表格.点击按钮的时候使用html2canvas把需要转换成图片的dom元素转换成canvas对象，通过onclone回调方法将在canvas对象中找到该表格元素进行显示，返回的canvas图片对象可以通过drawImage（）方法添加在canvas画布中.

---