CraftyJS 学习五 -- Text

文本

创建 "Text":

代码语言：javascript复制

var helloWorldText = Crafty.e('2D, DOM, Text')
  .attr({
    x: 10,
    y: 10
  });

显示文本:

代码语言：javascript复制

helloWorldText.text('Hello World');

样式

使用 .textColor() 方法修改文本颜色:

代码语言：javascript复制

helloWorldText.textColor('red');

使用.textFont() 方法调整字体样式:

代码语言：javascript复制

helloWorldText.textFont({
  size: '20px',
  weight: 'bold'});

支持的类型包括:

• type
• weight
• size
• family
• lineHeight
• variant

2D 属性

注意:

• 文本可在 Canvas 和 DOM 层上. 但是 DOM 的渲染能力更强。
• Canvas 上的 文本会自动设定高度及宽度.

canvas

0 人点赞