uQRCode 全端二维码生成插件
地址: https://ext.dcloud.net.cn/plugin?id=1287
# npm安装
npm install uqrcodejs
// npm安装 import UQRCode from 'uqrcodejs'; // npm install uqrcodejs
<canvas id="qrcode" canvas-id="qrcode" style="width: 200px;height: 200px;"></canvas>
onReady() { // 获取uQRCode实例 var qr = new UQRCode(); // 设置二维码内容 qr.data = "https://uqrcode.cn/doc"; // 设置二维码大小,必须与canvas设置的宽高一致 qr.size = 200; // 调用制作二维码方法 qr.make(); // 获取canvas上下文 var canvasContext = uni.createCanvasContext('qrcode', this); // 如果是组件,this必须传入 // 设置uQRCode实例的canvas上下文 qr.canvasContext = canvasContext; // 调用绘制方法将二维码图案绘制到canvas上 qr.drawCanvas(); }
标签:npm,插件,qr,uQRCode,canvas,二维码,全端
From: https://www.cnblogs.com/xm666/p/17698037.html