当前位置: 首页> 健康> 养生 > 中国人民银行网站官网首页_跨境电商开发流程_河南网站建设_金华seo

中国人民银行网站官网首页_跨境电商开发流程_河南网站建设_金华seo

时间:2025/7/11 5:45:06来源:https://blog.csdn.net/qq_19734597/article/details/144508591 浏览次数:0次
中国人民银行网站官网首页_跨境电商开发流程_河南网站建设_金华seo

        该代码段展示了一个函数getUrlBase64,它利用HTML5的Canvas和Promise将图片URL转换为Base64编码。当图片加载完成后,将其绘制到canvas上,然后转换为dataURL。另一个函数download_qr_code在接收到Base64编码后,创建一个链接元素用于下载名为qrCode.png的图片。

//图片编码
const getUrlBase64 = (url) => {return new Promise((resolve) => {let canvas = document.createElement("canvas");let ctx = canvas.getContext("2d");let img = new Image();img.crossOrigin = "Anonymous"; //允许跨域img.src = url;img.onload = function () {canvas.height = 300;canvas.width = 300;ctx.drawImage(img, 0, 0, 300, 300);let dataURL = canvas.toDataURL("image/png");canvas = null;resolve(dataURL);};});
};// click事件调用方法
const download_qr_code = (item) => {getUrlBase64(item).then((base64) => {let link = document.createElement("a");link.href = base64;link.download = "qrCode.png";link.click();});
};

关键字:中国人民银行网站官网首页_跨境电商开发流程_河南网站建设_金华seo

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com

责任编辑: