前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >CraftyJS 学习五 -- Text

CraftyJS 学习五 -- Text

作者头像
tonglei0429
发布2019-07-22 12:24:55
3480
发布2019-07-22 12:24:55
举报

文本

创建 "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 属性

注意:

  • 文本可在 CanvasDOM 层上. 但是 DOM 的渲染能力更强。
  • Canvas 上的 文本会自动设定高度及宽度.
本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 文本
  • 样式
  • 2D 属性
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档