html2canvas通过获取页面的DOM和元素的样式信息，并将其渲染成canvas图片，从而实现给页面截图的功能。

因为每个浏览器渲染页面的方式都不尽相同，所以生成的图片也不太一样。

环境要求: jQuery

兼容性: Firefox 3.5+, Chrome, Opera, IE9

官网主页: 

测试生成的图片效果 有些元素的样式没有完全展示出来

测试代码：

1  2  3      4         
      5         
        6          7          8           9         31     32     33          34         Hello!35         
     
      36             计算机天堂测试html5页面截图37             
      
jsjtt.com38         
     
39          40         41         42         生成界面如下：43     44 

 说明在测试过程中出现的问题如果页面上引用跨域的图片文件调用toDataURL的时候会出错

SecurityError: The operation is insecure.  

解决方法：在跨域的服务器上设置header设置为允许跨域请求

access-control-allow-origin: *  access-control-allow-credentials: true

转自：http://www.jsjtt.com/webkaifa/html5/2013-10-29/42.html