html5/js/jQueryを勉強中です。
今回、canvasにonload時とボタンクリック時にcanvas内に10個のimgを追加するコードを作成していましたが、要素が1個しか追加されません。
for文で回して最後の要素のみ追加されているようです。
どなたかご教授いただけませんでしょうか。
よろしくお願い致します。
</script> </body>$(function(){ addDiv(); }); function addDiv(){ var fragment = document.createDocumentFragment(); var img = new Image(); var randX; var randY; var imgSrc = "http://sites.google.com/site/westinthefareast/home/datafiles/chrome.png"; for(var i = 0; i < 10; i++) { randX = 10 + Math.random()*640; randY = 10 + Math.random()*480; img.onload = function onImageLoad(){ context.drawImage(img, randX, randY); } img.src = imgSrc; img.id = i; fragment.appendChild(img); } canvas.appendChild(fragment); }
</body> </html></script>
回答4件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。