canvas fillText 渲染的位置错误
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)} |
效果:
