前端canvas合并图片两种实现方式

---恢复内容开始---

需求：

　　有一个固定的背景图，还有一个是随机生成的二维码，合并成一张图，让用户下载。

　　实现一：纯手写，这里为了省事生成图片我直接给的base64，其实使用qrcode.js生成的也是base64图片；

　　body:

　　js:

function hecheng(){
        draw(function(){
            document.getElementById('imgBox').innerHTML='';
        })
    }
    var data=[],base64=[],imgArr=$('#imgArr').find('img');
    for(var i=0;i

　　

测试结果：在手机里谷歌浏览器和苹果浏览器都可以，uc不行。

　　实现二：基于jquery.qrcode.js和html2canva.js，一个是用来生成二维码，一个是将网页元素变成图片。

　　源码：链接: https://pan.baidu.com/s/1c1SUiuW 密码: 5iei

---恢复内容结束---

转载于:https://www.cnblogs.com/webSong/p/8119413.html