Phaser.js 中的文本方向

Question

我想知道 Phaser.js Text class 上有没有文字方向就像当用户输入一些文本时，那么 canvas 中输入的文本将具有从右到左或从左到右的文本方向；

并且我正在整个 canvas 应用程序中实现此功能

正常 html 中的示例我们可以使用 css 属性

来实现

 direction:ltr,

   direction:rtl

任何人都知道如何做。

我正在阅读 phaser.js 文本 class，但找不到任何属性来将方向设置为从右到左，但运气不好。

提前致谢；

Answer 1

试试这个：

yourApplication.canvas.setAttribute("dir", "rtl");

... 其中 yourApplication 包含对 game/application 的引用。这会向 DOM canvas 元素添加一个属性，您的 game/application 将绘制到该元素（如果这是您想要的）。

Answer 2

因为我找不到任何关于移相器的文档来实现这一点然后我只是想办法让自己看起来能够确定方向右对齐的文本。

这是一个简单的文本

var txt = this.game.add.text(10, 10, '0', {
    font: "21px arial", 
    fill: "#00FF00", 
    align:'right', 
    fontWeight:'bold',
});

计算 txt 的新位置 x

公式：

txt.x = contant - txt.width

常量将是您要偏移的参考点根据您的定位

所以当变量 txt 文本更新时

然后你可以重新定位它再次使用新数据

txt.setText(100);

txt.x = 84 - (txt.width);

Answer 3

看起来移相器文本现在通过这个支持 rtl class:

Phaser.GameObjects. TextStyle

Text Direction in Phaser.js