微信小程序如何让canvas中生成的文字能够居中显示

Question

微信小程序如何让canvas中生成的文字能够居中显示，例如context.fillText(“啊啊啊啊啊”, 0, 0)，文字怎么能够自己居中显示，因为这里面生成的文字不固定，有的长有的短，最好是能自动居中

Answer 1

canvas有个测量文本长度的api(measureText), 所以居中就很简单了

context.fillText(str, (canvas.width - context.measureText(str).width) / 2, 0)

当然如果你文本的长度超过canvas的宽度那你就必须另外处理了。