基本信息
源码名称:用html2canvas或者rasterizeHTML.js插件截图
源码大小:1.55M
文件格式:.zip
开发语言:js
更新时间:2020-08-18
友情提示:(无需注册或充值,赞助后即可获取资源下载链接)
嘿,亲!知识可是无价之宝呢,但咱这精心整理的资料也耗费了不少心血呀。小小地破费一下,绝对物超所值哦!如有下载和支付问题,请联系我们QQ(微信同号):813200300
本次赞助数额为: 2 元×
微信扫码支付:2 元
×
请留下您的邮箱,我们将在2小时内将文件发到您的邮箱
源码介绍
html2canvas(document.querySelector("#view"), {canvas: canvas, scale: 1}).then(function(canvas) { console.log('Drew on the existing canvas'); // var url = canvas.toDataURL("image/png"); // console.log(url); //// Chrome的实现中的讨论:我们打算阻止网页在TOP Frame中使用A标签、window.open和window.location加载data URL的机制。 //// 原因是data: URLs对用户来说很疑惑,它被广泛用于欺诈和钓鱼攻击中,另外一个问题是它可以被直接发送,比如嵌入邮件中。 //// window.location.href = url; // var iframe = "<iframe width='100%' height='100%' src='" url "'></iframe>"; // document.write(iframe); // 截指定元素的图并保存为图片 //获取年月日作为文件名 var timers=new Date(); var fullYear=timers.getFullYear(); var month=timers.getMonth() 1; var date=timers.getDate(); var randoms=Math.random() ''; //年月日加上随机数 var numberFileName=fullYear '' month date randoms.slice(3,10); var imgData=canvas.toDataURL(); //保存图片 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 = numberFileName '.png'; saveFile(imgData,filename); //document.body.appendChild(canvas); 把截的图显示在网页上 });