在写项目的时候遇到了一个问题,就是需要把生成出来的表格生成图片,可以让用户直接保存下来。之前倒是使用过canvas生成图片,但是需要完全手写,而且样式也没有很多种。
如何使用JS截取HTML页面为图片呢,下面为大家介绍一款JS截图插件html2canvas
html2canvas能够实现在用户浏览器端直接对整个或部分页面进行截屏。
html2canvas可以将当页面渲染成一个Canvas图片,通过读取DOM并将不同的样式应用到这些元素上实现。
在官网上粘贴过来的,因为官网是英文,我是按照我自己的理解去写的描述。如果有误差,欢迎大家指正。
属性 | 默认值 | 描述 |
---|---|---|
allowTaint | false | 是否允许跨原点图像污染画布 |
backgroundColor | #ffffff | 画布背景颜色,如果没有在DOM中指定。为透明设置null |
canvas | null | 现有的画布元素用作绘图的基础 |
foreignObjectRendering | false |