导出页面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中的图相关推荐

html页面判断其他div为空,将外部html加载到div中 - 页面加载然后变为空白
我确信这将会变成一件愚蠢的事情,但是自从我成为JavaScript noob以来,这里就变成了一件愚蠢的事情.将外部html加载到div中 - 页面加载然后变为空白我想外部HTML内容加载到我的索引 ...
div中插入图片_Web前端开发基础知识，设置网页背景图，如何在网页中插入图片...
图片一.图片的表现形式当我们在制作页面的时候,通常会遇到图片的三种表现形式,如下: 1.内容图片内容图片是页面中真正的内容,没有内容图片,就无法完整的理解页面内容.如淘宝网上的商品展示图片,这些 ...
5种样式实现div容器中三图摆放实例对比说明
代码地址如下: http://www.demodashi.com/demo/11593.html 效果演示: demo点查看效果需求说明: 如下图所示为设计图,希望在图片上传无规则无规律的情况下实现 ...
MVC 中通用导出页面数据到Excel
1.这个功能就是在MVC框架中,将页面绑定的数据直接导出到Excel 中,数据源借助绑定页面的数据源,数据源需要在下载Excel 的地方按照ListJson 的方式加载上去. 1.1 准备工作(只读 ...
DIV+CSS页面设计中的IE6的文字溢出BUG
为什么这个div的文字在ie6里会多出3个字符,在页面制作中用DIV+CSS用的多了有时会遇到文字溢出的现象,出现此现象是由IE6的3PX的BUG所引起的. 以下为出现该BUG的实例: <div ...
JQuery 在DIV中加载页面
JQuery 在DIV中加载页面在做页面设计的时候,有时需要在一个页面上引入另一个页面,用jquery比较简单 index.html <!DOCTYPE html PUBLIC "- ...
div中无缝嵌入html页面,div嵌套html不用iframe
想必大家都会想知道有没有在div中如果不用iframe嵌套html的方法,那么我们现在就带着这个疑问去看看爱站小编为我们介绍关于div不用iframe嵌套html的介绍. 最近在做作业中需要在不用if ...
根据PSD登陆页面设计稿切图制作HTML网页全过程
切图的目的是把PSD设计稿转换为HTML页面.记得自己当时学习切图时,网上切图相关的文章是不少,但是大都是讲怎么使用切片工具把一张图片分割成多张图片,然后存储为Web使用格式,并且都比较简单和零碎,并 ...
Springboot+poi导入导出+echart 做出树状图以及饼状图
第一步:创建springboot项目:(创建项目省略) 第二步配置:pom依赖包 <dependencies><dependency><groupId>org.sp ...

导出页面div中的图

导出页面div中的图相关推荐

最新文章

热门文章