功能描述:根据用户的ID生成二维码。
util.request(api.AccessToken).then( function (res) { console.log(res) if (res.errno === 0) { that.setData({ getAccessToken: res.data.access_token, qrUrl: res.data.qrUrl, }); const downloadTask = wx.downloadFile({ url: that.data.qrUrl, success: function (res) {
that.setData({ drawImageUrl: res.tempFilePath }); draw(); // setTimeout(function(){ // draw() // },1000) 尝试使用延迟,也没有反应。 } }) downloadTask.onProgressUpdate((res) => { if (res.progress === 100) { console.log( "进度完成" ) } }) } }); function draw() { let ctx = wx.createCanvasContext( 'myCanvas' ); ctx.setFillStyle( '#ffffff' ) ctx.fillRect(0, 0, that.data.windowWidth, that.data.windowHeight + 80) ctx.setFillStyle( '#333333' ); ctx.setFontSize(16); ctx.setTextAlign( 'center' ); ctx.setTextBaseline( 'middle' ); ctx.fillText( "识别二维码,加入111122" , that.data.windowWidth / 2, 50); ctx.fillText( "111122邀请码" , that.data.windowWidth / 2, 100);
//that.data.drawImageUrl 就是下载到本地的图 ctx.drawImage(that.data.drawImageUrl, (that.data.windowWidth - 200) / 2, that.data.windowHeight - 250, 200, 200); ctx.draw(); } |
烧烧香,求大神来个助攻 帮帮忙
网络图片得下载下来才行
res.tempFilePath
这个返回的结果是数组,你应该用res.tempFilePath
[0]?你这个代码片段打开是地图啊
wechatide://minicode/mrS19Mm46BYq
你这样的跑不起来。看不到效果(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)
需求就是,生成二维码,把二维码显示就行,但是现在是不显示
下面这复制的一大段显示的应该是代码吧
你做个代码片段吧。。最近我在写canvas遇到的坑挺多。能帮你看看
什么意思,没太明白,这个不是自定义组件,只是用到了官方的API
画图 在普通页面是能画的,在自定义组件里画不了,这个是bug后期会修复。