由于微信小程序不支持直接操作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之后为什么不能预览，还需要做什么处理？