Html2Canvas是一个基于DOM的可用信息结构来生成截图的JavaScript工具,原理是利用HTML5的canvas
来绘制DOM结构内容来生成图像,它不需要任何来自服务器的渲染,因为整个图像都是在客户机的浏览器上创建的。由于它严重依赖于浏览器,因此不适合在nodejs
中使用此工具,它也不会绕过任何浏览器内容策略限制。(如需呈现跨源内容,需要一个代理来将内容获取到相同的源)。
- 演示 -
- 地址 -
Github地址
https://github.com/niklasvh/html2canvas
官方演示地址
https://html2canvas.hertzen.com/
官方文档地址
https://html2canvas.hertzen.com/documentation
- 安装 -
NPM安装
<npm install --save html2canvas