导出页面div中的图

来源：互联网发布：模块化编程的好处编辑：程序博客网时间：2024/06/06 14:10

在页面中导出指定div中的图片

截图1

截图2

代码

/*导出告警统计图*/document.querySelector(".countImageExport").onclick = function(){var dom = document.querySelector("#alarmCountContent");      html2canvas(dom).then(function(canvas) {            var image = canvas.toDataURL("image/png");            image = image.replace("image/png",'image/octet-stream');                        /** * 在本地进行文件保存 * @param  {String} data     要保存到本地的图片数据 * @param  {String} filename 文件名 */var saveFile = function(data, filename){    var save_link = document.createElementNS('http://www.w3.org/1999/xhtml', 'a');    save_link.href = data;    save_link.download = filename;       var event = document.createEvent('MouseEvents');    event.initMouseEvent('click', true, false, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null);    save_link.dispatchEvent(event);};   // 下载后的问题名var filename = '历史告警统计图.png';// downloadsaveFile(image,filename);});      }

0 0