使用的是 weapp-qrcode,源代码地址

https://github.com/tomfriwel/weapp-qrcode
效果图

项目中的代码

1.js页面引入js(js在github上自己下载)

2.js页面 定义一个方法

//this.data.codeText是图片的地址data: {reqUrl: url.base,urlBase: url.urlBase,qrcode_w: qrcode_w,headImg:"",//头像name: "",  //昵称invitecode: "", //邀请码qrcodeURL: "", //二维码codeText: ""  //二维码内容地址},drawImg: function () {console.log(qrcode_w);var imgData = qRCode.drawImg(this.data.codeText, {typeNumber: 5,errorCorrectLevel: 'M',width: qrcode_w,height: qrcode_w,canvasId: 'myQrcode'})this.setData({qrcodeURL: imgData})}

wxml中的使用

 <image src="{{qrcodeURL}}" mode="" class="" id="" style="width:100%;height:450rpx;" background-size="cover"></image>

微信小程序 地址 生成二维码显示相关推荐

  1. 微信小程序实现生成二维码功能并下载到本地

    微信小程序实现生成二维码功能并下载到本地 背景 实现 备注 背景 有这样一个需求,后台返回了url地址,微信小程序将url地址转成二维码图片,展示在页面上,并且该二维码图片可下载到用户手机相册中 实现 ...

  2. 转载:在微信小程序中 生成二维码

    目录 转载: weapp-qrcode-canvas-2d 仓库地址 测试环境 使用 安装方法1:直接引入 js 文件 安装方法2:npm安装 安装完成后调用 例子1:没有使用叠加图片 例子2:使用叠 ...

  3. 微信小程序之生成二维码

    首先先扯一些题外话,本人是java行业的小白,因为是改行做的java,之前的工作就不提了. 之前写过几篇随便,刚看了下,觉得比较low,就都删了,所以也算是进入java行业的第一篇随笔,如果有表述上或 ...

  4. 【微信小程序】生成二维码方式

    前言 基础库 2.12.0 开发者工具 1.03.2008270 生成二维码方式 微信小程序的二维码可分为: 微信生成的二维码 普通链接二维码 微信生成的二维码,是指调用微信小程序服务端接口 wxac ...

  5. vue H5页面跳转微信小程序以及生成二维码跳转小程序

    研究了两种H5跳转小程序的方法,同时携带参数 1. 手机浏览器打开H5页面,点击按钮拉起微信小程序 2. H5页面上生成小程序二维码,手机微信扫码跳转目标小程序 为了开发方便,以上两种均借助了微信小程 ...

  6. 如何在微信小程序中生成二维码:一个最简单的案例就让你明白

    使用weapp.qrcode.js 在 微信小程序 中,快速生成二维码 一.效果 二.具体步骤.代码 下载weapp-qrcode代码 然后 将 dist 目录下的weapp.qrcode.esm.j ...

  7. 微信小程序前端生成二维码并保存(海报同理)

    这里写自定义目录标题 1.前端生成二维码并保存 1.前端生成二维码并保存 1.下载weapp.qrcode.js文件并引入项目中 2.先在wxml文件中构建canvas画布 <canvas st ...

  8. .net/C# 微信小程序如何生成二维码图片

    1.生成微信小程序二维码,需要获取微信小程序Access_Token.代码如下,先获取Access_Token /// <summary>/// 获取微信小程序Access_Token// ...

  9. 微信小程序中生成二维码工具:weapp.qrcode.js

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

最新文章

  1. matlab中patch命令_matlab 放大平移图形是超出边界问题的处理
  2. 为什么ElasticSearch比MySQL更适合复杂条件搜索
  3. java能够运行的原理_JAVA程序运行原理分析(一)
  4. vue-cli 3.0
  5. linux c语言编写聊天室mysql_Linux平台上用C语言实现与MySQL数据库的连接
  6. numpy 中shape的用法
  7. 云服务器安全组配置(阿里云,ucloud云,华为云)
  8. 计算机算法设计与分析 最长递增子序列
  9. 【java笔记】常用函数式接口(4):Funtion接口
  10. arcgis 属性表中起点终点创建线_【ArcGIS开发】shapefile矢量数据遍历、求交、与属性更新...
  11. 实例展示elasticsearch集群生态,分片以及水平扩展.
  12. 电路中常用的拉普拉斯变换
  13. python自动化运维快速入门 pdf 郑征_Python自动化运维快速入门
  14. python写字动画_Duang!用Python来实现唱歌、跳舞、写字、画画?无所不能的python
  15. Python中文件路径
  16. 云支付登录 html,云闪付 · 迅鼎支付(免签) - 安装文档 · 看云
  17. 误删分区怎么办?必备数据恢复工具!
  18. 数据分享|R语言逻辑回归、线性判别分析LDA、GAM、MARS、KNN、QDA、决策树、随机森林、SVM分类葡萄酒交叉验证ROC...
  19. #238 蔡老板分果子 [哈希 or DFS序]
  20. 调用OpenLayers,实现简单的地图搜索

热门文章

  1. 抖音推出群聊的背后 快手与腾讯深度联姻的时间不远了
  2. oracle中管理员账户登录,Oracle使用管理员账户登录
  3. postgres 保存报错duplicate key value violates unique constraint...解决方案_亲测有效
  4. 图解面试题:滴滴2020求职真题
  5. 计算机基础-ip地址查询方法
  6. 吃瓜教程task04 第5章 神经网络
  7. 北京实习求职的那些事
  8. 一些关于css的个人笔记
  9. Pytorch实现卷积神经网络(回归问题)
  10. Python传递参数的5种方式