canvasで画像を複数作成し、一枚のcanvasに合成します。
pcだと表示されるのですがiphoneだと表示されません。
html
1 2<div id="canvas" > 3<canvas id="canvas1" width="600px" height="600px"></canvas> 4<canvas id="canvas2" width="600px" height="600px"></canvas> 5<canvas id="canvas3" width="600px" height="600px"></canvas> 6<canvas id="canvas4" width="600px" height="600px"></canvas> 7<canvas id="canvas5" width="600px" height="600px"></canvas> 8<canvas id="canvas6" width="600px" height="600px"></canvas> 9<canvas id="canvas7" width="600px" height="600px"></canvas> 10<canvas id="canvas8" width="600px" height="600px"></canvas> 11<canvas id="canvas9" width="600px" height="600px"></canvas> 12<canvas id="canvas10" width="600px" height="600px"></canvas> 13<canvas id="canvas11" width="600px" height="600px"></canvas> 14<canvas id="canvas12" width="600px" height="600px"></canvas> 15<canvas id="canvas13" width="600px" height="600px"></canvas> 16<canvas id="canvas14" width="600px" height="600px"></canvas> 17<canvas id="canvas15" width="600px" height="600px"></canvas> 18<canvas id="canvas16" width="600px" height="600px"></canvas> 19<canvas id="canvas17" width="600px" height="600px"></canvas> 20<canvas id="canvas18" width="600px" height="600px"></canvas> 21<canvas id="canvas19" width="600px" height="600px"></canvas> 22<canvas id="canvas20" width="600px" height="600px"></canvas> 23</div> 24 25 26<canvas id="aaa" width="600px" height="600px"></canvas> 27 28
javascript
1function image_write(){ 2 canvas = document.getElementById('aaa'); 3 if( !canvas || !canvas.getContext ) return false; 4 ctx = canvas.getContext('2d'); 5 6for(var i =1 ; i <=20; i++){ 7 id = 'canvas' + i ; 8 sakusei(id); 9} 10 11img_url = canvas.toDataURL(); 12img.src = img_url; 13return img_url; 14} 15 16function sakusei( id ){ 17 canvas_num = document.getElementById( id ); 18 image = new Image(); 19 image.src = canvas_num.toDataURL(); 20 ctx.drawImage(image,0,0); 21} 22
助けて下さい。よろしくお願いいたします。
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2016/07/05 06:28
2016/07/05 07:00