收到一个需求把一个动态生成的二维码和页面背景图合并在一起供用户保存图片并分享朋友圈实现邀请好友功能(微信自己的分享很容易被封).把自己遇到需要注意的点,写下来记录一下.
用两张图片的base64进行操作.
绘图代码:
$(function(){
qcodeGenert($("#url").val());
var database=$('#qrcode canvas')[0];
var dataURL = database.toDataURL();
drawAndShareImage(dataURL);
})
function drawAndShareImage(imgBase64) {
var wid1 = 750 * 0.29;//大 右
var hei1 = 1334 * 0.37;//大 下
var canvas = document.createElement("canvas");
var context = canvas.getContext("2d");
var ratio = getPixelRatio(context); // 关键代码
canvas.width = 750*ratio;
canvas.height = 1334*ratio;
context.rect(0, 0, canvas.width*ratio, canvas.height*ratio);
context.fillStyle = "#fff";
context.fill();
//底图
var myImage = new Image();
myImage.src = src="${pageContext.reques