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 畫布元素添加一個屬性（如果這就是您所追求的）。