javascript - HTML5 Canvas の置き換え先

Question

HTML5 Canvas を simple に置き換えようと<div> していますが、この行を置き換える方法がわかりません:

ctx.drawImage(tileImg[drawTile],xpos,ypos);

多分誰かがこれをに置き換える方法を知ってい<div>ますか?

例: http://jsfiddle.net/HDpMW/5/ (このコードは glacialflame.com から)

Answer 1

要素を使用<img>し、次のように動的に追加します: http://jsfiddle.net/HDpMW/6/

var elem = document.createElement('img');
elem.src = tileDict[drawTile];
elem.style.position = 'absolute';
elem.style.left = xpos + 'px';
elem.style.top = ypos + 'px';
ctx.appendChild(elem);