微信小程序> 小程序码转普通二维码-微信小程序将字符串转为所需二维码-小程序二维码

小程序码转普通二维码-微信小程序将字符串转为所需二维码-小程序二维码

浏览量:5990 时间: 来源:取名点数增加的boy

1.开发时候偶尔有遇到需要将后台传过来的网址转换成二维码,让用户展示扫码使用

2.这里和js一样可以使用qrcodejs来完成

3.贴上github的网址https://github.com/davidshimjs/qrcodejs

4.首先,在wxml中写入需要展示二维码的canvas

canvascanvas-id='canvas'/canvas

5.然后去Git上下载qrcode中的util,并在需要使用的js中引入

varQRCode=require('../../utils/weapp-qrcode.js');

6.然后再函数中new一个QRCode的对象

qrcode=newQRCode('canvas',{//'canvas'为html中定义的canvas-idtext:"https://www.baidu.com",width:150,//二维码宽度height:150,//二维码高度colorDark:"#000000",//设置二维码双色colorLight:"#ffffff",//设置二维码双色correctLevel:QRCode.CorrectLevel.H,//容错级别});

7.运行后,得到二维码,扫描进入百度

8.

9.ps:text写入网址时,要记得带"https://",否则浏览器不识别该字符串为网址,会直接将网址显示为字符

10.最后如果需要动态更改二维码,

11.需要将QRCode赋值,然后makeCode即可

qrcode=newQRCode('canvas',{text:"https://www.baidu.com",width:150,height:150,colorDark:"#000000",colorLight:"#ffffff",correctLevel:QRCode.CorrectLevel.H,});qrcode.makeCode(e.target.dataset.code);

版权声明

即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。

产品经理

手机 : 13312967497

擅长 : 小程序流量变现

扫码领取礼包

最新资讯

热门模板

  • 头条
  • 搜狐
  • 微博
  • 百家
  • 一点资讯
  • 知乎