使用一个 对象 (PIXI.Text
)在舞台上展示文本。简单来说,你可以这样使用它:
这将会在画布上展示文本“Hello, Pixi”。Pixi的文本对象继承自Sprite
类,所以它包含了所有相同的属性,像x
, y
, width
, height
,alpha
, 和 rotation
。你可以像处理其他精灵一样在舞台上定位或调整文本。例如,你可以像下面这样使用position.set
来设置message
的和y
位置:
message.position.set(54, 96);
这样你会得到基础的未加修饰的文本。但是如果你想要更绚丽的文字,使用Pixi的TextStyle
函数来自定义文字效果。下面展示如何操作:
添加style
对象作为Text
函数的第二个参数来应用样式到文本上,就像这样:
如果你想要在你创建文本对象之后改变它的内容,使用text
属性。
如果你想要重新定义样式属性,使用style
属性。
message.style = {fill: "black", font: "16px PetMe64"};
Pixi也能包裹文本的长段。设置文本的 样式属性到 true
,然后设置wordWrapWidth
到一行文字应该到的最大像素。调用align
属性来设置多行文本的对齐方式。
(注意:align
不会影响单行文本。)
如果你想要使用自定义的字体文件,使用CSS的-face
规则来链接字体文件到Pixi应用运行的HTML页面。
font-family: "fontFamilyName";
}
添加这个@font-face
语句到你的HTML页面的CSS里面。