美文网首页
使用微信小程序生成二维码

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

作者: 自己对了世界就对了 | 来源:发表于2018-03-28 19:52 被阅读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时遇到的一些问题,希望大神能帮我解答一下,不胜感激。

  • 在微信小程序中的组件使用wx.canvasToTempFilePath(OBJECT, this)方法保存的图片,不填AppId的时候可以直接预览,为什么在填了AppId之后为什么不能预览,还需要做什么处理?

相关文章

网友评论

      本文标题:使用微信小程序生成二维码

      本文链接:https://www.haomeiwen.com/subject/tyemtftx.html