认识createjs(二) Container容器及监听事件

最新推荐文章于 2023-09-15 16:41:08 发布

梦宠

最新推荐文章于 2023-09-15 16:41:08 发布

阅读量4.8k

点赞数 1

本文链接：https://blog.csdn.net/u010977934/article/details/51942899

版权

本文主要探讨CreateJS中的Container容器，它作为一个容器，可以容纳Text、Bitmap、Shape、Sprite等多种EaselJS元素，便于统一管理和操作。通过实例展示了如何创建和使用Container，以及如何进行事件监听，对于构建交互式HTML5 Canvas应用非常有用。

摘要由CSDN通过智能技术生成

Container

一、 Container是一个容器，可以包含Text、Bitmap、Shape、Sprite等其他的EaselJS元素。例如，你可以将手臂、腿部、躯干和头部聚在一起，把它们转换为一组，同时还可以将各个部分相对彼此移动。放在一个Container中方便统一管理，比如你要做一个按钮，按钮图形和上面的提示文字包含在一个Container中，便可以统一移动。

1、首先还是要引入easeljs

<script src="easeljs-0.8.1.min.js" type="text/javascript" charset="utf-8"></script>

2.js代码如下：

<script type="text/javascript">
		function init() {
			var stage = new createjs.Stage("box");

			var button = new createjs.Container();   //容器Container
			var laber = new createjs.Text("OK", "40px Times", '#000');
			laber.textAlign = &