javascript - HTML5 Canvas 替换为

Question

我正在尝试将 HTML5 Canvas 替换为简单<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);