如何在HTML画布中集中对齐文本?

秋千

当我遇到一个小问题时,我正在做一个小型JavaScript游戏:文本未居中对齐。一个简单的例子:

var txt="Lorem Ipsum";
context.fillText(txt,100,100);

现在的问题是文本的开头是点100,100。因此,稍后当我将txt的值更改为更长的句子时,它仍会从100,100的位置开始绘制,从而降低了程序的美学吸引力。

我的问题是,有没有办法以给定的坐标标记文本的中心而不是开始的方式来绘制文本?

用户名

您可以使用textAlign:

context.textAlign = "center";

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章