HTML5 Canvas replace to

Question

I'm trying replace HTML5 Canvas to simple <div> But I don't know how to replace this line:

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

Maybe anyone have idea how to replace this into <div>?

example : http://jsfiddle.net/HDpMW/5/ (this code from glacialflame.com)

Why do you think a div should know to draw arbitrary images? — Blindy, Jun 07 '11 at 14:09
This example work when browser support Canvas element. no, I don't think
can draw images, but images can draw in
element(Something like with CSS). Sorry for "Simple HTML" and sorry for my English language. — rhavd, Jun 07 '11 at 14:14

score 3 · Accepted Answer · answered Jun 07 '11 at 14:15

Use <img> elements, and append them dynamically like this: 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);

HTML5 Canvas replace to

1 Answers1

Linked