当前位置: 首页 > 工具软件 > EaselJS > 使用案例 >

EaselJS 简介

东方河
2023-12-01

个人原创,欢迎转载,转载请注明出处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>


<script type="text/javascript" src="easeljs-0.6.0.min.js"></script>

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



var stage=new createjs.Stage(myCanvas);

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



stage.update();

更新舞台.

 类似资料: