小程序使用weapp-qrcode二维码插件,宽高自适应解决方法

摘要:
小程序使用weapp qrcode。jsgithub地址指令//复制weapp.qrcode.esm。js从dist目录到项目目录importdrawQrcodefrom'../../utils/weapp.qrcode.esm。js'drawQrcode({width:200,height:200,canvasId:'myQrcode',//ctx:wx.createCanvasC

小程序使用的是weapp-qrcode.js

github地址

使用说明
// 将 dist 目录下,weapp.qrcode.esm.js 复制到项目目录中
import drawQrcode from '../../utils/weapp.qrcode.esm.js'

drawQrcode({
  width: 200,
  height: 200,
  canvasId: 'myQrcode',
  // ctx: wx.createCanvasContext('myQrcode'),
  text: 'https://github.com/yingye',
  // v1.0.0+版本支持在二维码上绘制图片
  image: {
    imageResource: '../../images/icon.png',
    dx: 70,
    dy: 70,
    dWidth: 60,
    dHeight: 60
  }
})

但是你在小程序里面使用会发现这个width height是px
可以使用微信的api wx.getSystemInfoSync()

wx.getSystemInfoSync()里面包含platform 表示手机的系统是android还是ios,windowWidth表示手机的使用窗口宽度单位px

所以就可以根据不同的宽度展示不同大小的二维码了

const systemInfo = wx.getSystemInfoSync()
const width = 200*systemInfo.windowWidth/375
const height = width

免责声明:文章转载自《小程序使用weapp-qrcode二维码插件,宽高自适应解决方法》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇百度地图 api bug 解决.......Linux下grep显示前后几行信息下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

顶级加密软件 PGP Desktop 安装教程

  PGP是目前最优秀,最安全的加密方式。但是因为PGP所使用的部分技术是美国国家安全部门禁止出口的技术(如AES 256bit),所以官方始终未发行中文版。   PGP是目前最优秀,最安全的加密方式。这方面的代表软件是美国的PGP加密软件。这种软件的核心思想是利用逻辑分区保护文件,比如,逻辑分区E:是受PGP保护的硬盘分区,那么,每次打开这个分区的时候,...

微信小程序获取unionid与openid

获取unionid需要先在微信开放平台绑定小程序,否则无法获取 UnionID机制说明 unionid来区分用户的唯一性,在相同微信开放平台帐号下的移动应用、网站应用、小程序、公众号,用户的unionid是唯一的。也就是说,同一用户,对同一个微信开放平台下的不同应用,unionid是相同的。 OpenID机制说明 OpenId是用来区分应用的唯一性,在相同...

上传大文件的解决方案

需求: 项目要支持大文件上传功能,经过讨论,初步将文件上传大小控制在20G内,因此自己需要在项目中进行文件上传部分的调整和配置,自己将大小都以20G来进行限制。 PC端全平台支持,要求支持Windows,Mac,Linux 支持所有浏览器。 支持文件批量上传 支持文件夹上传,且要求在服务端保留层级结构。文件夹数量要求支持到10W。 支持大文件断点续传,要求...

微信小程序通过background-image设置背景图片

微信小程序通过background-image设置背景:只支持线上图片和base64图片,不支持本地图片;base64图片设置步骤如下:1.在网站http://imgbase64.duoshitong.com/上将图片转成base64格式的文本 2.在WXSS中使用以上文本:background-image: url("data:image/png;bas...

同一个二维码支持多种支付的实现思路

我们在一些商店使用手机支付时会遇到使用支付宝或者微信都只扫一个二维码就能完成付款。 方式一 判断应用类型做相应跳转微信和支付宝融合到一张二维码上是可以实现的,这个二维码就是一个地址链接url实际上是一个支付网页(我们自己网站的页面),支付宝和微信的扫一扫实际上就是在应用内部打开的这个网页。 网页在被打开的时候会判断打开这个网页的应用类型,如果是微...

Geode/Gemfire学习笔记(一)环境搭建、快速上手

Geode/Gemfire 是Pivotal公司开发的一款开源的、分布式NoSql内存数据库,可用来进行完成分布式缓存,数据持久化,分布式事物、动态扩展等功能。 他的优点和特性: 性能扩展,线性扩展,事物和读写低延迟 通过全局的分布式应用进行一致的数据库操作 高可用性和高伸缩性,全局规模 强大的开发者特性 简单的分布式节点管理 动态复制和分区技术 可快速...