html2canvas – 动态生成微信分享海 的优质js库

如何把 页上的内容用javascript来实现截图？今天分享的html2canvas就可以。

介绍

在微信项目中经常会遇到动态生成海 的需求，Web前端合成图片往往会使用canvas。canvas虽然强大，但用来合成海 非常繁琐，一不小心就几百行代码了。而html2canvas.js是一款轻松地将HTML+CSS写成的布局直接转换成canvas，生成可保存分享的图片。

html2canvas.js官 截图

特点

使用体验

这是一个把HTML的DOM结构根据所支持的CSS样式生成canvas的js开源库，CSS的写法千变万化，不同的布局有很多不同的写法，因此html2canvas是不能100%还原 页的样式，因此不用用于像电脑屏幕截图这样的需求中。

官 关于支持css的说明

使用的时候要注意查看所支持的CSS属性，尽量使用这些属性来写布局，不支持的效果可以尝试用图片来实现。只要产品经理脑子在线，目测几乎没有什么海 需求是实现不了的。

官 是英文的，写得很专业，谷歌翻译阅读无压力。

免费使用说明

html2canvas 由开发者 Niklas von Hertzen 创建，基于MIT许可开源，可以免费使用在任何项目。

关注我，持续分享高质量的免费开源、免费商用的资源。

↓↓点【了解更多】查看本次分享的相关 址。