收藏
回答

canvas fillText 渲染的位置错误

问题模块 框架类型 问题类型 API/组件名称 终端类型 操作系统 微信版本 基础库版本
API和组件 小程序 Bug fillText 客户端 Android 6.6.7.1321 2.1.1

canvas 导出图片发现 渲染出来的文字位置会出错


代码如下:

ctx.setFontSize(fontSize)
for (let i = 0, height = valY; i < this.scores.length; i++) {
  height += fontSize * 2.2
  let item = this.scores[i]
 
  ctx.setTextAlign('left')
  ctx.fillText(item.team_cn, countryLeft, height)
 
  ctx.setTextAlign('center')
  ctx.fillText(`${item.count}场`, countLeft, height)
 
  ctx.setTextAlign('right')
  ctx.fillText(item.score, scoreLeft, height)
}


效果:



最后一次编辑于  2018-06-23
回答关注问题邀请回答
收藏

1 个回答

  • 颠倒的解集
    颠倒的解集
    2018-08-08

    楼主问题解决了吗?

    2018-08-08
    赞同
    回复