WP教程与插件

每一篇文章生成独有的二维码

今天想到一个问题,如果我们通过摇一摇可以直接拨打电话、可以直接打开网页,那么我们可不可以通过摇一摇打开一个包括我们微信公众号或者微信客服的二维码页面,然后直接长按识别添加好友呢;

[lxtx_fa_insert_post ids=380">

首先我们需要知道利用jquery的二维码生成插件jquery.qrcode.min.js,制作的二维码是在canvas元素中的。而微信中我们点击的那个二维码则是img元素。这时,我们就会想,只要把canvas中的二维码转换成img形式。

【内容来源于:https://www.diebaosoft.com/】,未经授权,谢绝转载

把img转换为canvas对象

function convertImageToCanvas(image){
//创建canvas DOM对象,并设置其宽高和图片一样
var canvas = document.createElement("canvas");
canvas.width = image.width;
canvas.height = image.height;
//坐标(0,0)表示从此处开始绘制,相当于偏移
canvas.getContext("2d").drawImage(image,0,0);
return canvas;
}

把canvas转换为img

// 从canvas提取图片image
function convertCanvasToImage(canvas){
//新Image对象,可以理解为DOM;
var image = new Image();
//canvas.toDataURL返回的是一串Base64编码的URL,当然,浏览器自己肯定支持
//指定格式PNG
image.src = canvas.toDataURL("image/png");
return image;
}

目标页面调用

每一篇文章生成独有的二维码
Copyright 2012 - 2035 付涛纪实阁. All Rights Reserved 主办:付涛纪实阁
声明:本站部分资料来源于互联网,如有侵犯作者著作权,请及时与我们联系,我们将及时更正或删除 谢谢!
严禁用户使用本站自有记载资料记录从事任何违反法律法规的活动。