当前位置:首页 > 微信 > 正文

支付宝小程序开发——根据字符串生成二维码

11-26 微信

标签:str   err   输入框   sel   界面   string   color   asp   格式   

支付宝小程序开发中,如果需要根据字符串生成二维码,那么可以直接使用 qrcode 插件,你无需引用js,直接使用开发者工具的npm功能就可以了。

一. 安装插件:

1.开发者工具左侧工具栏点击如图所示的图标(npm):

技术图片

2.NPM包管理界面,输入框中输入 qrcode 并按回车键,等待插件安装完成:

技术图片技术图片

 

二. 引用并使用插件:

 1 //引用插件
 2 const QRCode = require(‘qrcode‘);
 3 Page({
 4   data: {
 5     imgSrc: ‘‘
 6   },
 7   onReady() {
 8     //根据字符串生成svn格式的二维码
 9     let self = this;
10     QRCode.toString(‘13549687961‘, { type: ‘svg‘ }, function(err, url) {
11       let str = ‘data:image/svg xml;base64,‘   Buffer(url).toString(‘base64‘);
12       self.setData({
13         imgSrc: str
14       })
15     });
16   }
17     ......

页面引用:

<image src="{{imgSrc}}"  style="width:100%;" mode="aspectFit" />

如此,编译项目,二维码生成:

技术图片

 

 三. 

 

支付宝小程序开发——根据字符串生成二维码

标签:str   err   输入框   sel   界面   string   color   asp   格式   

温馨提示: 本文由杰米博客推荐,转载请保留链接: https://www.jmwww.net/weixin/15910.html

博客主人杰米WWW
杰米博客,为大家提供seo以及it方面技巧喜欢的朋友收藏哦!
  • 11365文章总数
  • 2266822访问次数
  • 建站天数
  • 头条文章

    图文推荐

    站长推荐

    友情链接