weapp.qrcode.esm.js下载地址:

https://github.com/yingye/weapp-qrcode#readme

将weapp.qrcode.esm.js放与app.js平级

   <canvas class="canvas-code" canvas-id="myQrcode" style="background:#fff;width: 332.66rpx;height: 332.66rpx;position:absolute;left: calc( 50% - 166rpx);top: calc( 50% - 166rpx)"/>
   js
import drawQrcode from '../../../../../weapp.qrcode.common.js'
drawQrcode({
      width: 166 * mult,
      height: 166 * mult,
      canvasId: 'myQrcode',
      // 最后text这个属性如果是文本就扫出来的是文本,是连接就跳转
      text: url
 })

mult 是获取系统屏幕宽度/苹果6宽度计算,适配不同屏幕大小

Logo

开放原子开发者工作坊旨在鼓励更多人参与开源活动,与志同道合的开发者们相互交流开发经验、分享开发心得、获取前沿技术趋势。工作坊有多种形式的开发者活动,如meetup、训练营等,主打技术交流,干货满满,真诚地邀请各位开发者共同参与!

更多推荐