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) } |
效果: