回答編集履歴
1
複数受け取って の一文を見逃していたため修正
test
CHANGED
@@ -1,27 +1,21 @@
|
|
1
|
-
|
1
|
+
createjs の Stage クラスは単独の canvas 要素と一対一対応するものと考えられるので、複数の要素を対象にするのは無理だと思います。
|
2
2
|
|
3
3
|
|
4
4
|
|
5
|
-
`document#getElementsByClassName` は、`Elements` と複数形になっていることからわかる通り、返す値は `HTMLCollection` です。
|
6
|
-
|
7
|
-
|
5
|
+
対象の canvas の数だけ Stage オブジェクトを生成し、同じ操作を行うようにすれば同様の結果にはなると思います。
|
8
6
|
|
9
7
|
|
10
8
|
|
11
9
|
```javascript
|
12
10
|
|
13
|
-
//
|
11
|
+
// Stage のインスタンスを含む配列を作成
|
14
12
|
|
13
|
+
const stages = [].map.call(
|
14
|
+
|
15
|
-
|
15
|
+
document.getElementsByClassName('test'),
|
16
|
+
|
17
|
+
el => new createjs.Stage(el)
|
18
|
+
|
19
|
+
)
|
16
20
|
|
17
21
|
```
|
18
|
-
|
19
|
-
|
20
|
-
|
21
|
-
```javascript
|
22
|
-
|
23
|
-
// 古いブラウザを気にしない場合
|
24
|
-
|
25
|
-
new createjs.Stage(document.querySelector('.test'))
|
26
|
-
|
27
|
-
```
|