收藏
回答

canvas.todataurl() 安卓机型解析出来的base64格式的数据错误?全部展示AAAA

微信小程序中canvas.todataurl() 在微信开发工具和ios机型展示正确,安卓机型解析失败,base64格式的数据错误,全部展示AAAAAAA 导致图片展示不出来

回答关注问题邀请回答
收藏

1 个回答

  • Demons
    Demons
    10-08

    请具体描述问题出现的流程,并提供能复现问题的简单代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)。

    10-08
    有用
    回复 8
    • Kциζ
      Kциζ
      10-08
      // 视频初次加载完成
         loadedmetadata(e) {
          console.log('视频初次加载完成', e)
          this.duration = e.detail.duration
          this.videoHeight = e.detail.height * (this.videoWidth / e.detail.width)
          this.draw()
         },
         draw() {
          const dpr = wx.getSystemInfoSync().pixelRatio
          wx.createSelectorQuery().select('#video').context(res => {
           console.log('select video', res)
           this.videoBox = res.context
           wx.createSelectorQuery().selectAll('#cvs1').node(res => {
            console.log('select canvas', res)
            const ctx = res[0].node
            const ctx1 = res[0].node.getContext('2d')
            res[0].node.width = this.videoWidth * dpr
            res[0].node.height = this.videoHeight * dpr
            this.canvasHeight = this.videoHeight + 'px'
            this.canvasWidth = this.videoWidth
            let videoContext = wx.createVideoContext('video')
            videoContext.seek(2)
            setTimeout(() => {
             ctx1.drawImage(this.videoBox, 0, 0, this.videoWidth * dpr, this
              .videoHeight *
              dpr);
             let imageSrc = ctx.toDataURL('image/png')
             this.imageSrc = imageSrc
             console.log('this.imageSrc', imageSrc)
            }, 1000)
           }).exec()
          }).exec()
         },
      10-08
      回复
    • Kциζ
      Kциζ
      10-08
      微信小程序,真机测试ios正常显示,只有安卓机型发生错误,base64全部解析出来中间全都是AAAAA 导致图片展示失败
      10-08
      回复
    • Kциζ
      Kциζ
      10-08
      10-08
      回复
    • Kциζ
      Kциζ
      10-08
      这是ios的真机调试 显示正常,安卓的直接不展示,显示AAAAA
      10-08
      回复
    • Kциζ
      Kциζ
      10-08
      请问是不是canvas.todataurl() 微信小程序安卓端有兼容问题
      10-08
      回复
    查看更多(3)
登录 后发表内容