如何在使用fillText（）或strokeText（）绘制的HTML画布中设置文本的x位置？

Question

像context.fillText（“Hello World”，10,30）一样编写设置文本左上角的x位置。如何在x = 70处设置文本的中点？

Answer 1

您是否尝试过使用上下文的textAlign属性？

context.textAlign = "center"
context.fillText("Hello world", 70, 30);

请参阅：https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/textAlign