将⼆维码与另⼀张图⽚合成⼀张新的图⽚
遇到⼀个需求,⽣成的⼆维码要和背景图⽚和成新的图⽚
思路,将⼆维码图⽚和背景图通过canvas画在⼀个画布,在把canvas转换成图⽚,如果你的⼆维码是canvas,你可以先⽤⽅法2把⼆维码转成图⽚,再过⼀次1,2⽅法
1:将⼆维码图⽚和背景图通过canvas画在⼀个画布
var invit_img = convertImageToCanvas(image, image2);//此参数不能是jq对象,要原⽣的
想自由 林宥嘉function convertImageToCanvas(image, image2) {
// 创建canvas DOM元素,并设置其宽⾼和图⽚⼀样
var canvas = ateElement("canvas");
//画布尺⼨听过很多流行歌
canvas.width =640;
canvas.height =640;
// 坐标(0,0) 表⽰从此处开始绘制,相当于偏移。
唐人街探案插曲//参数:图⽚,左偏移,上偏移,宽,⾼(⼆维码)
return canvas;
};
2:将合成的⼆维码转换成图⽚
绝地求生配置var mycanvas1 = ElementsByTagName('canvas')[0];
蛊惑专家var img = convertCanvasToImage(mycanvas1);
function convertCanvasToImage(canvas) {
var image =new Image();
image.src = DataURL("image/png");
return image;
}
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论