导出页面div中的图

在页面中导出指定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);});}

总结

以上是生活随笔为你收集整理的导出页面div中的图的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错，欢迎将生活随笔推荐给好友。