微信小程序本地存储与登录页面处理实例详细讲解
1363
2022-10-17
微信小程序专用的二维码组件,支持base64输出和canvas绘制两种方式
微信小程序专用的二维码组件,支持base64输出和canvas绘制两种方式。
使用
const qrcode = require('wx-mini-qrcode/src/index');Page({ data: { qrcode0: '' }, onReady(){ let text = 'https://m.baidu.com'; // 输出base64格式 let qrcode0 = qrcode.outputQRCodeBase64(text, { size: 400, color: '#CC6600', padding: 16, background: '#FFCC99' }); this.setData({ qrcode0 }) // canvas内绘制模式一 qrcode.drawQRCodeToCanvas(text, { ctx: 'qrcode1', size: 200, color: '#CC6600', padding: 16, background: '#FFCC99' }); // canvas内绘制模式二 let qrcode2 = wx.createCanvasContext('qrcode2'); qrcode.drawQRCodeToCanvas(text, { ctx: qrcode2, size: 200, color: '#CC6600', padding: 16, background: '#FFCC99' }); qrcode2.draw(); }});
API
1. outputQRCodeBase64: function (text, options)
描述
以base64图片格式输出二维码
参数
text:必须,二维码内容,比如url options:参数对象 { ecc: 'H', // 可选,容错级别,可选值L、M、Q和H(默认) size: 256, // 可选,二维码尺寸,必须为整数。默认为256 padding: 0, // 可选,单侧空白边宽度,默认为0 color: '#000000', // 可选,二维码颜色,必须是16进制,默认为'#000000' background: '#ffffff' // 可选,二维码背景色,必须是16进制,默认为'#ffffff' }
返回值
二维码图片的base64数据
2. drawQRCodeToCanvas: function (text, options)
描述
绘制二维码到canvas
参数
text:必须,二维码内容,比如url options:参数对象 { x: 0, // 可选,二维码左上角点横坐标 y: 0, // 可选,二维码左上角点纵坐标 ctx: null, // 必须,canvas绘制上下文或者canvasID ecc: 'H', // 可选,容错级别,可选值L、M、Q和H(默认) size: 200, // 可选,二维码尺寸,必须为整数。默认为200 padding: 0, // 可选,单侧空白边宽度,默认为0 color: '#000000', // 可选,二维码颜色,必须是16进制,默认为'#000000' background: '#ffffff' // 可选,二维码背景色,必须是16进制,默认为'#ffffff' }
返回值
无返回值
版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。
发表评论
暂时没有评论,来抢沙发吧~