Phaser.js 中的文本方向

Question

我想知道 Phaser.js Text 类上是否有任何文本方向，例如当用户输入一些文本时，那么画布中输入的文本将具有从右到左或从左到右的文本方向；

我正在整个画布应用程序上实现这个

在普通的 html 中，我们可以使用 css 属性来实现这一点

 direction:ltr,

   direction:rtl

任何人都知道如何做到这一点。

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

提前致谢;

Answer 1

由于我无法在移相器上找到任何文档来实现这一点，因此我只是做一个变通，看起来我能够使文本的方向正确对齐。

这是一个简单的文字

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

计算 txt 的新位置 x

公式 ：

txt.x = 常量 - txt.width

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

所以当变量txt文本更新时

然后您可以使用新数据重新定位它

txt.setText(100);

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

Answer 2

看起来移相器文本现在通过此类支持 rtl：

Phaser.GameObjects. TextStyle

Answer 3

试试这个：

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

... 其中 yourApplication 保存对您的游戏/应用程序的引用。 这会为您的游戏/应用程序绘制到的 DOM 画布元素添加一个属性（如果这就是您所追求的）。