js将任意标签转换成图片下载到本地

一、相关技术及参考网站

1、html2canvas
2、canvas标签

说明

使用js将html上任意一个标签及其子标签展示的内容生成图片，并下载到本地。

1、核心是用html2canvas将指定标签元素转换成canvas标签的图表
2、然后用canvas标签自带的转码功能获取图表的base64地址
3、最后创建a标签下载base64内容

二、页面及下载效果

页面效果

下载效果

三、可运行代码：

	
		
		
		
	
	
		

                        //要下载成图片的标签
			

				
				我媳妇儿
				22岁
			
			
		
		
		

                        //要下载成图片的标签
			

				
				我媳妇儿
				22岁