QRcode js base64的src为空

最新推荐文章于 2024-08-13 21:31:15 发布

听劝

最新推荐文章于 2024-08-13 21:31:15 发布

阅读量451

点赞数

分类专栏： JAVA学习

本文链接：https://blog.csdn.net/m0_37068073/article/details/115914055

版权

JAVA学习专栏收录该内容

11 篇文章 1 订阅

订阅专栏

参考以下文章

获取base64的src为空的解决办法
 js生成二维码并与另一张图片合成一张图片

完整JS

function drawAndShareImage(img){
            let canvas = document.createElement("canvas");
            canvas.width = 700;
            canvas.height = 1300;
            let context = canvas.getContext("2d");

            context.rect(0 , 0 , canvas.width , canvas.height);
            context.fillStyle = "#fff";
            context.fill();

            let myImage = new Image();
            myImage.src = img;    //背景图片  你自己本地的图片或者在线图片
            myImage.crossOrigin = 'Anonymous';

            myImage.onload = function(){
                context.drawImage(myImage , 0 , 0 , 700 , 1300);
                context.font = "60px Courier New";
                context.fillText(" ",1,1);
                let myImage2 = new Image();


                
                //注意这里
                console.log($('#qrcode').children('img')[0].src);


                
                myImage2.src = $('#qrcode').children('img')[0].src;   //你自己本地的图片或者在线图片
                myImage2.crossOrigin = 'Anonymous';
                myImage2.onload = function(){
                    // 左 上     右     下
                    context.drawImage(myImage2 , 250 , 650 , 225 , 225);
                    let base64 = canvas.toDataURL("image/jpg");  //"image/png" 这里注意一下
                    let img = document.getElementById('avatar');

                    // 注意 这里的div 其实就是 img  给他添加一个图片路径
                    img.setAttribute('src' , base64);
                }
            }
        }