生成二维码合成海报并下载

最新推荐文章于 2024-08-15 16:53:35 发布

spriteson

最新推荐文章于 2024-08-15 16:53:35 发布

阅读量550

点赞数

文章标签：小程序 javascript 前端

本文链接：https://blog.csdn.net/spriteson/article/details/123333479

版权

本文介绍如何在小程序中结合JavaScript生成二维码，并将其合成到海报上，最后实现自动下载功能。主要涉及二维码生成和画布合成技术。

摘要由CSDN通过智能技术生成

生成二维码，选择一张海报，然后生成二维码并下载，
主要代码
生成二维码代码

 ///生成二维码
    var qrcode = new QRCode("qrcode");
    // 生成二维码的方法
    function makeCode () {
        // 二维码地址
        var ewmSrc='http://h5.afocus.net/2022/cs/3/v2.html'
        qrcode.makeCode(ewmSrc);

        setTimeout(function () {
            var ewmSrc=$('#qrcode').find('img').attr('src')
            // console.log(ewmSrc)

        },100)
    }
    makeCode();

合成画布并自动下载

function hecheng() {
    base64 = [];
    draw(function() {
        // document.getElementById('imgBox').innerHTML = '<img src="' + base64[0] + '">';
        // document.getElementById('downloadPic').href = base64[0];
    })
    //自动下载
    setTimeout(function () {
        $("#downloadPic").click();
        document.getElementById("downloadPic").click();