//把页面转成图片下载到本地/手机相册(小编亲测有效)
注:需要下载html2canvas.min.js、canvas2image.js
var QRcodeDownload = document.getElementById("QRcode");//需要转化下载的模块ID //保存到相册/本地 function saveAlbum() { html2canvas(QRcodeDownload, { onrendered: function(canvas) { //添加属性 canvas.setAttribute('id', 'thecanvas'); //读取属性值 // var value= canvas.getAttribute('id'); document.getElementById('images').innerHTML = ''; document.getElementById('images').appendChild(canvas); var oCanvas = document.getElementById("thecanvas"); /*自动保存为png*/ // 获取图片资源 var img_data1 = Canvas2Image.saveAsPNG(oCanvas, true).getAttribute('src'); saveFile(img_data1, '图片名称.png'); } }); // 保存文件函数 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); }; }
html2canvas生成图片后下载太慢解决方法(dom-to-image)
上面是“把页面转成图片下载到本地/手机相册(小编亲测有效)”的全面内容,想了解更多关于 前端知识 内容,请继续关注web建站教程。
当前网址:https://ipkd.cn/webs_47.html
workflows工作流
一张严重受损的宇宙飞船的照片ComfyUI工作流
一只处于战斗状态下的蚂蚁ComfyUI工作流
一位宇航员做在一只乌龟上在星空中游走
池塘边的大熊猫ComfyUI工作流
庭院,彩色玫瑰,云雾笼罩comfyui工作流
一只漂亮的孔雀的尾巴完全由披萨制成ComfyUI工作流
一张超现实主义美女照片ComfyUI工作流
一个由红色玻璃制成的女性形状的破碎雕塑
猜你喜欢
声明:本站提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请发送到邮箱:admin@ipkd.cn,我们会在看到邮件的第一时间内为您处理!