收藏
回答

小程序canvas生成图片在安卓手机上部分fillText文字内容显示不出来?

下面一楼附上图片
代码:
const ctx = wx.createCanvasContext('canvasImg')
    ctx.setFillStyle('#ffffff')
    ctx.fillRect(, , 375, 667)
    ctx.save();
    ctx.beginPath();
    ctx.arc(30 /  + 10, 30 /  + 10, 30 / , , Math.PI * , false);
    ctx.clip();
    ctx.drawImage(userImg, 10, 10, 30, 30)
    ctx.restore();
    ctx.setFontSize(16)
    ctx.fillStyle = "#888888"
    ctx.fillText(userName, 45, 32)
    ctx.fillStyle = "#000000"
    ctx.fillText(typeInfo, 12, 66)
    ctx.drawImage(mpimage, , 90, 375 - 10410)
    ctx.drawImage(imgCode, 40, 520, 90, 90)
    ctx.setFontSize(18)
    ctx.fillText('长按识别小程序码', 150, 560)
    ctx.setFontSize(16)
    ctx.fillStyle = "#888888"
    ctx.fillText('查看全文', 150, 585)
    ctx.setFillStyle('#1E81F9')
    ctx.fillRect(, 627, 375, 40)
    ctx.setFontSize(12)
    ctx.fillStyle = "#ffffff"
    ctx.fillText('话梅糖工程服务众包平台', (375 - ctx.measureText('话梅糖工程服务众包平台').width) / , 646)
    ctx.setFontSize(10)
    ctx.fillText('www.huameitang.com', (375 - ctx.measureText('www.huameitang.com').width) / , 658)
    ctx.draw(false,function(){
        wx.canvasToTempFilePath({
          x: ,
          y: ,
          width: 375,
          height: 667,
          destWidth: 375 * ,
          destHeight: 667 * ,
          canvasId: 'canvasImg',
          success(res) {
            _this.setData({
              canvasImg: res.tempFilePath
            })
            wx.getImageInfo({
              src: res.tempFilePath,
              success(ress) {
                _this.setData({
                  viewCanvasImg: ress.path
                })
                wx.hideLoading()
              }
            })
          }
        })
      }
    )
最后一次编辑于  2019-12-31
回答关注问题邀请回答
收藏

2 个回答

登录 后发表内容
问题标签