小程序动态生成二维码

weapp.qrcode.js 可在主页下载

import QRCode from '../../utils/weapp.qrcode.js'

import {

  

    apiipsanimg

  } from '../../utils/yuming';

Page({

  /**

   * 页面的初始数据

   */

  data: {

    ellipsis: true, // 文字是否收起，默认收起

    qrCodeLink: "2352425234234",

    qrcodePath: null

  },

   // 生成二维码

createQrcode() {

    var that = this;

 

    console.log('开始生成');

    const query = wx.createSelectorQuery()

    query.select('#qrcode')

      .fields({

        node: true,

        size: true

      })

      .exec((res) => {

        var canvas = res[0].node

   

        // 调用方法drawQrcode生成二维码

        QRCode({

          canvas: canvas,

          canvasId: 'qrcode',

          // width:that.createRpx2px(300),

          // width: that.createRpx2px(300),

          // padding: 10,

          // background: '#ffffff',

          // foreground: '#000000',

          text: that.data.qrCodeLink,

        })

   

        // 获取临时路径（得到之后，想干嘛就干嘛了）

        wx.canvasToTempFilePath({

          canvasId: 'qrcode',

          canvas: canvas,

          x: 0,

          y: 0,

          success(res) {

            // console.log('二维码临时路径：', res.tempFilePath)

            that.setData({

              qrcodePath: res.tempFilePath

            })

            console.log('二维码临时路径：', that.data.qrcodePath)

          },

          fail(res) {

            console.error(res)

          }

        })

      })

    },

 

  /**

   * 生命周期函数--监听页面加载

   */

  onLoad(options) {

      var that=this;

console.log('longid'+options.longid)

wx.request({

    url: apiip + '/api/Z"

              method: "get",

          

              dataType: "json",

              success: function(res) {

                var data=res.data;

              console.log('优惠券详情'+JSON.stringify(data));

 

        if(res.data.code==0){

that.setData({

    qrCodeLink:res.data.listquan[0].quanma///设置码号

})

that.createQrcode()//调用生成二维码

        }

 

              }})

 

  },

})

前台：

 <canvas wx:if="{{quanlist[0].guoqi!=1&&quanlist[0].status==0}}" id='qrcode' type="2d" style='width:300rpx;height:300rpx;margin: 30rpx auto;' ></canvas>