使用微信小程序生成二维码

2018-03-28  本文已影响166人  自己对了世界就对了

由于微信小程序不支持直接操作dom元素,而生成二维码的控件大都都需要去操作dom元素,所以改进了一下qrcode.js控件,使用全js生成二维码,以下是代码展示:

html部分:

<view class='qrodeContent' hidden="{{codeShow}}">
  <view class='box'>
    <view class='title'>
      <view>扫码签发</view>
      <view wx:if="{{false}}">扫码签收</view>
    </view>
    <view class='main'>   
      <canvas canvas-id='mycanvas'></canvas>
    </view>
  </view>
  <view class='zezhao' bindtap='showCode'></view>
</view>

js部分:

  codeToggle(e) {
    // 绘制二维码的内容
    let text = e.detail.text;
    // 绘制二维码
    QR.api.draw(text, "mycanvas", 200, 200);
    this.setData({
      codeShow: !this.data.codeShow
    })
  }

注意事项:

由于参与小程序的开发不是很久,在微信小程序上的使用还有许多不足的地方,这是我在使用canvasApi时遇到的一些问题,希望大神能帮我解答一下,不胜感激。

上一篇 下一篇

猜你喜欢

热点阅读