EaselJS 简介

最新推荐文章于 2024-08-13 08:18:44 发布

冰灵

最新推荐文章于 2024-08-13 08:18:44 发布

阅读量3.1k

点赞数

分类专栏： HTML5 JS 文章标签： HTML5 JavaScript JavaScript引擎 Canvas

本文链接：https://blog.csdn.net/bud_icelf/article/details/8916643

版权

JS 同时被 2 个专栏收录

15 篇文章 0 订阅

订阅专栏

HTML5

13 篇文章 0 订阅

订阅专栏

个人原创,欢迎转载,转载请注明出处http://blog.csdn.net/bud_icelf QQ:909648986

EaselJS 简介

什么是EaselJS

CreateJS库的其中一部分,CreateJS是一个使用HTML5,创作出丰富,交互体验的Javascript库和工具集合.EaselJS Javascript 库为包含一个完整分层显示列表的Canvas提供一个图形保留模式------交互模式,其中的类使得在canvas 2D 图形上更容易工作.EaselJS为HTML Canvas 创作出丰富图形和交互体验提供一种直接有效的解决方案.

EaselJS 能做什么

1.创建位图

2.绘制矢量图

3.创建动画

4.绘制文本

5.控制DOMElement

例子1 一个简单的例子

<!DOCTYPE html>
<html>
<head>
	<meta charset="gbk">
	<script type="text/javascript" src="easeljs-0.6.0.min.js"></script>
</head>
<body>
	<canvas id="myCanvas" width="200" height="200">
		你的浏览器不支持canvas标签
	</canvas>
	<script>
		var myCanvas=document.getElementById("myCanvas");
		var stage=new createjs.Stage(myCanvas);
		...
		stage.update();
	</script>
</body>
</html>

导入EaselJS Javascript脚本文件，文件可在 http://createjs.com/ 下载

var stage=new createjs.Stage(myCanvas);

创建舞台，参数一为canvas对象.

stage.update();

更新舞台.