CreateJS-EaseJS 应用

本文介绍了CreateJS组件库中的EaselJS,这是一个简化HTML5 Canvas绘图的JavaScript库。EaselJS提供了图形和形状类、文字类、位图处理以及精灵图和精灵表单的功能,使得在Canvas上创建丰富的交互体验变得更加简单。通过EaselJS,开发者可以轻松创建动画、处理文本和图像,并实现事件绑定。文章还通过多个示例展示了如何使用EaselJS的各种特性。
摘要由CSDN通过智能技术生成

原文地址: http://code.tutsplus.com/tutorials/using-createjs-easeljs–net-34840
这篇教程中我们将探索CreateJS组件库。CreateJS是javascript的一个组件库,一个用于建立HTML5丰富交互体验的工具。CreateJS组件库分为以下四部分:

  • EaselJS - 使HTML5 canvas更容易绘制
  • TweenJS - 提供HTML5补间动画和javascript性能优化
  • SoundJS - 使HTML5 音频更容易工作
  • PreloadJS - 管理和协调正在加载的资源

首先我们开始看看EaselJS!

Easeljs Explained

EaselJS是一个为HTMl5 canvas工作的库。它由完整分层的显示列表,一个核心交互模型,和辅助类组成,使得用Canvas工作更容易。使用EaselJS并且运行它不能再容易了。你需要在你的HTMl文档中定义一个canvas元素,同时引用javascript代码。EaselJS使用舞台概念,一个在展示列表(这个舞台一般是你的canvas元素)中处于顶层容器中。下面的HTMl片段和相应的javascript需要设置Easeljs。

<canvas id="testCanvas" width="600" height="300"></canvas>

为了引用上面的canvas你应当使用如下代码:

var canvas = document.getElementById("testCanvas");
(译者注:根据最新的EaselJs版本
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值