Phaser.js中的文本方向

时间:2015-03-03 05:32:21

标签: javascript html5 phaser-framework

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

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

在普通的html中我们可以使用css属性

来实现这一点
 direction:ltr,

   direction:rtl

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

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

提前感谢;

3 个答案:

答案 0 :(得分:3)

因为我找不到关于相位器的任何文档来实现这一点 然后我只是简单地做一个工作,看起来我能够做出方向 文本要正确对齐。

这是一个简单的文字

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);

答案 1 :(得分:0)

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

Phaser.GameObjects. TextStyle

答案 2 :(得分:-1)

试试这个:

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

... yourApplication包含对您的游戏/应用程序的引用。这会为您的游戏/应用程序绘制的DOM画布元素添加一个属性(如果这就是您所追求的)。