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