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