###前提・実現したいこと
Javascriptでcanvasを複数作成し、レイヤー化させたいと思っています。
しかし、canvasを一回一回丁寧に作成していくのはかなり汎用性に劣るため、
繰り返し作成できるようにしたいです。
###発生している問題・エラーメッセージ
19行目 document.body.appendChild(canvas[i]) ---Unable to get property 'appendChild' of undefined or null reference
###該当のソースコード
JavaScript
1function aaa (layernum, width ,hieght){ 2 var x = width; 3 var y = hieght; 4 var canvas = new Array("Tapcav","Dbgcav","Dlgcav"); 5 for(i = 1; i < layernum-3 ; i++ );{ 6 canvas.push("camvas" + i) 7 } 8 9 for(i = 0; i<canvas.length ; i++ ) { 10 11 canvas[i] = document.createElement("canvas"); 12 canvas[i].width = x ; 13 canvas[i].height = y ; 14 //CSS 15 canvas[i].style.posittion = "absolute" ; 16 canvas[i].style.left = "0" ; 17 canvas[i].style.zIndex = i ; 18 19 document.body.appendChild(canvas[i]) 20 } 21} 22 23aaa(6,500,500);
###試したこと
canvasの自動生成のプログラムを作っています。配列で変数名を作り、Canvasの生成と設定を行っています。最後の行のコードで描画コンテキストの取得を行ったところ、「オブジェクトが必要です」と言われました。ほかのコードにも問題があるのかもしれませんが、回答お願いします。
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2017/09/24 15:31