微信小程序 —— 二维码/条码展示(缓存问题)

以下所述参考网上众多大佬略写,本人只是菜鸟一枚,记录博客主要怕自己记不住,方便以后参考,有何不足,欢迎补充…
方式方法和网上大多大佬有雷同,因为我也是参考网上各位大佬的…

引入一个js

var barcode = require('./barcode');
function convert_length(length) {
  return Math.round(wx.getSystemInfoSync().windowWidth * length / 750);
}

function barc(id, code, width, height) {
  barcode.code128(wx.createCanvasContext(id), code, convert_length(width), convert_length(height))
}
module.exports = {
  barcode: barc,
}

在js页面引入上面的的 js 文件

const { barcode } = require('../../../../utils/payCode.js');
//  获取后台给的码
barcode('barcode' , this.data.goodsDetail.receiveCode, 520, 180);

// 获取二维码本地缓存
  saveCanvas() {
 		// 用小程序官方给 wx.canvasToTempFilePath 方法
 	 	// 把当前画布指定区域的内容导出生成指定大小的图片。
    wx.canvasToTempFilePath({
      canvasId: 'barcode',
      success: (res) => {
        this.setData({
          qrImgUrl: res.tempFilePath
        })
      }
    })
  },
  
//  如果条码为渲染出来,就一直请求,知道渲染出条码/二维码

	getqrImgUrl() {
	    setTimeout(() => {
		      this.saveCanvas();
		      if (this.data.qrImgUrl == '') {
		        	this.getqrImgUrl();
		      }
	     }, 300);
     },
  • 2
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值