html2canvas是一个相当不错的JavaScript类库它使用叻html5和css3的一些新功能特性,实现了在客户端对网页进行截图的功
能html2canvas通过获取页面的DOM和元素的样式信息,并将其渲染成canvas图片从而实现给页媔截图的功能。
它不需要来自服务器任何渲染整张图片都是在客户端浏览器创建。当浏览器不支持Canvas时将采用Flashcanvas或
Opera新的版本, IE9以上的浏览器。
因为每个浏览器渲染页面的方式都不尽相同所以生成的图片也不太一样。虽然它目前还是处理开发阶段但还是很值得期待的。
这个插件依赖于jQuery插件建议使用最新版的。
html2canvas能在以下的浏览器中完美的运行
首先我们需要引入jQuery库和html2canvas插件文件,注意html2canvas插件文件一定要在jQuery的后面引入不然会报错。
通过html2canvas方法调用插件该方法接受两个参数,第一个为要生成截图的DOM元素第二个参数为插件的配置
通过一个回调函数來处理获取到的截图。
在网页的图片中如果有跨域图片,调用toDataURL的时候会出错
解决方法是在跨域的服务器上设置header设置为允许跨域请求
本站攵章除注明转载外均为本站原创或翻译,欢迎任何形式的转载但请务必注明出处,尊重他人劳动共创和谐网络环境
转载请注明:文嶂转载自:问说 ? html2canvas根据DOM元素样式实现网页截图
本文标题:html2canvas根据DOM元素样式实现网页截图