JS实现div模块的截图并下载功能

当需要实现html页面部分模块截图并具有保存图片功能时，前台直接生成截图并下载会方便的多。多的不说，直接看代码首先我们需要引入2个js文件：加入css 样式，主要是生成"X"关闭图片图标：写入随便div 模块，我随便位置给的点击截图按钮页面效果如下：js代码如下:解释说明：这里核心截图代码是它的作用是把这个参数canvas形成一个img图片元素。调用的是单另的其中： 后面给图片加载方法：onload （）在其中添加属性撒的，自动执行下载方法：区分了ie浏览器，还有我直接生成的下载方法。关于下载方法很多，你们随意选。当然自己的这个download下载方法同样适用ie。因为原理很简单，就是用生成个元素自己调用方法。