公告列表
公告列表
收藏
回答

预览自己生成的二维码在iOS下第一次黑屏，第二次正常，安卓显示正常

框架类型 问题类型 API/组件名称 终端类型 微信版本 基础库版本
小程序 Bug wx.previewImage 微信iOS客户端 7.0.8 2.2.0

出错截图


预期表现



createQrCode: function (content, canvasId, cavW, cavH) { //调用插件中的draw方法，绘制二维码图片 QR.api.draw("https://coin.test.seewo.com/coin/mp?id="+content, canvasId, cavW, cavH); this.canvasToTempImage(canvasId); }, //获取临时缓存图片路径，存入data中 canvasToTempImage: function (canvasId) { let that = this; wx.canvasToTempFilePath({ canvasId, // 这里canvasId即之前创建的canvas-id success: function (res) { // that.setData({ // canvasHidden:true // }) let tempFilePath = res.tempFilePath; console.log("tempFilePath") console.log(tempFilePath); wx.previewImage({ current: tempFilePath, // 当前显示图片的http链接 urls: [tempFilePath] // 需要预览的图片http链接列表 }); that.setData({ // 如果采用mpvue,即 this.imagePath = tempFilePath imagePath: tempFilePath, canvasHidden: true }); }, fail: function (res) { console.log(res); } }); }, enter2Dcode:function(e){ // var content = this.data.u_id; var content = wx.getStorageSync("uid") console.log("content") console.log(content) this.createQrCode(content, 'mycanvas', 300, 300); // var img = this.data.imagePath; // if(img==null||img==''){ // wx.navigateTo({ // url: '../errorPage/errorPage', // }) // }else{ // wx.previewImage({ // current: img, // 当前显示图片的http链接 // urls: [img] // 需要预览的图片http链接列表 // }); // } },
最后一次编辑于  2019-11-01
回答关注问题邀请回答
收藏

2 个回答

  • 罗梅光
    罗梅光
    2019-11-01

    厉害，自己生成小程序二维码。像我们这些小老弟都是使用微信提供的服务。


    2019-11-01
    有用
    回复 1
    • 陈波
      陈波
      2019-11-01
      主要我们这边需要获取二维码中的内容才好做下一步操作，然后使用qrcode.js在画布上面绘制的图片。
      2019-11-01
      赞
      回复
  • 疯狂的小辣椒
    疯狂的小辣椒
    2019-11-01

    请具体描述问题出现的流程，并提供能复现问题的简单代码片段（https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html）。然后扫一下小程序码，提供下截图

    2019-11-01
    有用
    回复 11
    • 陈波
      陈波
      2019-11-01
      具体流程是这样的，我们这边需要有一个业务是生成二维码然后扫描二维码做一个相关的操作。我们使用的是qrcode.js生成一个在一个canvas画布上画出这个二维码，调用wx.canvasToTempFilePath这个接口将临时路径保存下来，再使用wx.previewImage接口来给用户预览扫描我们自己生成的二维码。安卓手机没有问题，但是iOS会在第一次的时候黑屏，分享出去的时候是一张白色的画布。
      iOS中第一次分享的预览图片，第二次分享的预览图片以及手机的具体信息依次如下
      2019-11-01
      赞
      回复
    • 疯狂的小辣椒
      疯狂的小辣椒
      2019-11-01回复陈波
      提供下这种格式的代码片段（https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html）
      2019-11-01
      赞
      回复
    • 陈波
      陈波
      2019-11-01回复疯狂的小辣椒
      https://developers.weixin.qq.com/s/8EqHLymh7zc6
      2019-11-01
      赞
      回复
    • 陈波
      陈波
      2019-11-01
      https://developers.weixin.qq.com/s/8EqHLymh7zc6   由于片段无法真机调试，所以复现代码截取来一个片段，就是生成二维码的部分。
      2019-11-01
      赞
      回复
    • 疯狂的小辣椒
      疯狂的小辣椒
      2019-11-01回复陈波
      导入代码片段填写appid即可真机调试
      2019-11-01
      赞
      回复
    查看更多(6)
请 登录 后发表内容
相关问题
相关文档
问题标签
截图黑屏二维码预览