KineticJS教程5:选择器

类别:    标签: 编程 js   阅读次数:   版权: (CC) BY-NC-SA

2015-06-11 08:27:22

9. 选择器

Kinetic在舞台, 层和组对象上都提供了get方法, 用于返回这三者中包含的对象.

9.1. 根据ID获取对象

要用id获取对象, 首先要给对象赋予一个id, 比如下面代码创建的Rectid就是id1:

# Language: js
<script>
	var rect = new Kinetic.Rect({
		id: "id1"
	});
</script>

要注意的是, id是唯一的, 不同对象不能使用相同的id, 否则get也只能返回其中的一个.

然后用get方法, id选择符#为参数获取对象:

# Language: js
<script>
	var obj = stage.get('#id1')[0];
	var obj = layer.get('#id1')[0];
	var obj = group.get('#id1')[0];
</script>

这个地方要注意, 这个get返回的是一个数组, 即便id是唯一的, 所以要得到所要的对象, 必须带上数组的索引.

9.2. 根据名称获取对象

要用名称获取对象, 首先要给对象赋予一个name名称, 比如下面代码创建的Rect的名称就是name1:

# Language: js
<script>
	var rect = new Kinetic.Rect({
		name: "name1"
	});
</script>

id不同, name不是唯一的, 不同对象是可以共用相同的name的.

然后用get方法, id选择符.为参数获取对象:

# Language: js
<script>
	var objs = stage.get('.name1');
	var objs = layer.get('.name1');
	var objs = group.get('.name1');
</script>

这个地方要注意, 这个get返回的是一个数组, 包含所有叫这个名字的对象.

随意赞赏

微信

支付宝
◆本文地址: , 转载请注明◆
◆评论问题: https://jerkwin.herokuapp.com/category/3/博客, 欢迎留言◆


前一篇: KineticJS教程4:图形变换与动画
后一篇: KineticJS教程6:对象的移动及其上下层关系

访问人次(2015年7月 9日起): | 最后更新: 2017-09-26 07:50:25 UTC | 版权所有 © 2008 - 2017 Jerkwin