样式
设置 style 可以更改文字的样式:
txt.style = {
fill: '0xff0000,
fontFamily: 'PetMe64',
fontSize: 16
};
其他样式属性像 stroke 设置字体描边颜色,strokeThickness 设置描边粗细,dropShadow 设为 true 文字就有了阴影,dropShadowColor 让阴影换个16进制的颜色,dropShadowDistance 让阴影的距离变化一下。
也可以设置 wordWrap 为 true 让大段文字换行,当然要设置 wordWrapWidth 想要换行的最大宽度,align 可以设置多行文字的对其方式。
txt.style = {
wordWrap: true,
wordWrapWidth: 100,
align: 'center'
};
注意
align不适应于单行文字
如果你想要使用外部字体文件,使用 CSS 的 @font-face 规则,页面加载后,就可以设置文字的 fontFamily 来使用。
@font-face {
font-family: "fontFamilyName";
src: url("fonts/fontFile.ttf");
}
txt.style = {
fontFamily: 'fontFamilyName'
};
别忘了在你的 CSS 文件里添加 font-face 规则。