码迷,mamicode.com
首页 > Web开发 > 详细

CraftyJS 学习五 -- Text

时间:2015-07-08 16:44:55      阅读:138      评论:0      收藏:0      [点我收藏+]

标签:

文本

创建 "Text":

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

显示文本:

helloWorldText.text(‘Hello World‘);

样式

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

helloWorldText.textColor(‘red‘);

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

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

支持的类型包括:

  • type

  • weight

  • size

  • family

  • lineHeight

  • variant

2D 属性

注意:

  • 文本可在 Canvas 和 DOM 层上. 但是 DOM 的渲染能力更强。

  • Canvas 上的 文本会自动设定高度及宽度.
























CraftyJS 学习五 -- Text

标签:

原文地址:http://my.oschina.net/tonglei0429/blog/476217

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!