Javascript HTML5画布替换为<；部门>；

我正在尝试将HTML5画布替换为简单的

但我不知道如何替换这一行：

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

也许有人知道如何将其替换为

示例：（此代码来自glacialflame.com）

使用

元素，并像下面这样动态附加它们：

使用

元素，并按如下方式动态附加它们：

---

“简单HTML”的确切含义是什么？为什么您认为div应该知道绘制任意图像？什么是“替换为div？”当浏览器支持Canvas元素时，此示例可以工作。不，我不认为你可以画图像，但是图像可以在元素中画（类似于CSS）。对不起“简单HTML”，对不起我的英语。你说的“简单HTML”到底是什么意思？为什么你认为div应该知道绘制任意图像？你说的“替换为div”是什么意思。不，我不认为你可以画图像，但是图像可以在元素中画（类似于CSS）。对不起“简单HTML”，对不起我的英语。

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);