小程序如何生成二维码

本文介绍了在小程序中生成二维码的步骤,包括在WXML文件中创建canvas标签,通过weapp-qrcode库调用drawQrcode方法绘制二维码,并详细解释了相关API参数的设置,如宽度、高度、canvasId和内容等。
摘要由CSDN通过智能技术生成

1、创建canvas标签

先在 wxml 文件中,创建绘制的 canvas,并定义好 width, height, canvasId 。由于小程序没有动态创建标签的api,所以这一步不能省略。

<canvas  style="width: 200px;height: 200px;" canvas-id="myQrcode"></canvas>

2、调用绘制方法

可以执行一下命令下载weapp-qrcode

npm install weapp-qrcode --save

引入 js 文件后,调用 drawQrcode() 绘制二维码。

import drawQrcode from 'weapp-qrcode'

新加方法:

export default{
        data(){
            return{
            };
methods:{
markq(){
                drawQrcode({
                    width:300,
                    height:300,
                    canvasId:'myQrcode',
                    text:"https://www.baidu.com/"
                })
            }

},

onLoad:fu

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值