把HTML变成图片并下载到本地

同学问如何把生成的HTML网页变成图片并下载到本地，去网上搜了一下，大部分都是部分代码，没有详细的源码，现把源码贴出，供大家参考。

本例子是用Hbulider写的静态页面，不用再服务器运行。采用了html2canvas.js插件的方法。首先下载html2canvas.js插件，下载地址：

http://download.csdn.net/download/hr541659660/9489386，或者去官方网站下载。

下载后的界面如下：

在dist文件夹下把html2canvas.js文件拷贝到Hbulider的js文件夹下。

HTML源码文件如下：

    
    
    
    
    
	
	
		
//图片地址任意本地图片即可
			

			
Employee payroll
			

				

					
Name
					
Salary
					
career time
					
opertion
				
			
			

				

				
nancy
				
2000
				
2016.7
				
saler
			
			

				
ruthy
				
4000
				
2016.7
				
 technicians
			
			

				
tom
				
5000
				
2013.5
				
manager
			
			

				
perter
				
20000
				
2011.5
				
boss
			
			
		
	
        
    
	

代码可以直接复制，粘贴，不谢，需要请拿走！