专栏首页信息安全小学生CraftyJS 学习五 -- Text

CraftyJS 学习五 -- Text

文本

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

注意:

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

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 在Android中使用C语言扩展

    Android 中使用 SO 文件,难点就在于如何将 SO 文件打包到 APK 中,并确保 Java 程序中可以通过 System.loadLibrary(“l...

    tonglei0429
  • Oracle 锁表查询及解锁

    如果对 Oracle 数据表中的数据进行 增删改 操作时卡住无响应,很可能是表已被锁定。使用下面的命令可以解决锁定问题。

    tonglei0429
  • Egg.js 笔记二 目录结构和内置对象

    Application 是全局应用对象,在一个应用中,只会实例化一个,它继承自 Koa.Application,在它上面我们可以挂载一些全局的方法和对象。我们可...

    tonglei0429
  • Selenium Webdriver 3.X源码分析之定位方式和键盘定义

    > Selenium Webdriver 3.X源码分析系列第8篇,该系列原则上会将整个源码分享一遍

    苦叶子
  • 知识分享:详解Hadoop核心架构

      通过对Hadoop分布式计算平台最核心的分布式文件系统HDFS、MapReduce处理过程,以及数据仓库工具Hive和分布式数据库Hbase的介绍,基本涵盖...

    CSDN技术头条
  • CAReplicatorLayer复制Layer和动画, 实现神奇的效果

    今天我们看下CAReplicatorLayer, 官方的解释是一个高效处理复制图层的中间层。他能复制图层的所有属性,包括动画。

    周希
  • mysql数据类型

    mysql数据的数据类型,指定了字段的类型,不符合指定的字段类型,传入的值则会提示错误;

    十月梦想
  • iOS动画开发之四——核心动画编程(CoreAnimation)

            前几篇博客详细介绍了有关UIView层的动画使用与相关的效果,然而这些动画是UIKit为我们封装好的核心动画层的方法,通过这些方法,我们可以用的...

    珲少
  • iOS 开发之动画中的时间

    在 iOS 开发中使用动画时,可以通过设置动画的 duration、speed、begintime、offset 属性,来设置动画的时长、速度、起始时间及起始偏...

    QQ音乐技术团队
  • 人群行为分类数据库--Crowd-11: A Dataset for Fine Grained Crowd Behaviour Analysis

    Crowd-11: A Dataset for Fine Grained Crowd Behaviour Analysis CVPRW2017 这个数据库目...

    用户1148525

扫码关注云+社区

领取腾讯云代金券