KineticJS教程（9）

KineticJS教程（9）

做者: ysm 

 9.選擇器

Kinetic在舞臺、層和組對象上都提供了get方法，用於返回這三者中包含的對象。

9.1.根據ID獲取對象

要用id獲取對象，首先要給對象賦予一個id，好比下面代碼建立的Rect的id就是id1：

<script>

var rect = new Kinetic.Rect({

 

id : 「id1「

});

</script>

要注意的是，id是惟一的，不一樣對象不能使用相同的id，不然get也只能返回其中的一個。

而後用get方法，id選擇符「#」爲參數獲取對象：

<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：

<script>

var rect = new Kinetic.Rect({

 

name : 「name1「

});

</script>

與id不一樣，name不是惟一的，不一樣對象是能夠共用相同的name的。

而後用get方法，id選擇符「.」爲參數獲取對象：

<script>

var objs = stage.get(‘.name1′);

 

var objs = layer.get(‘.name1 ‘);

 

var objs = group.get(‘.name1 ‘);

</script>

這個地方要注意，這個get返回的是一個數組，包含全部叫這個名字的對象。