HTML5 Canvas заменить на ‹div›

Я пытаюсь заменить HTML5 Canvas на простой <div> Но я не знаю, как заменить эту строку:

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

Может быть, у кого-нибудь есть идеи, как заменить это на <div>?

пример: http://jsfiddle.net/HDpMW/5/ (этот код взят с glacialflame.com)


javascript html html5-canvas drawimage
person rhavd    schedule 07.06.2011    source источник
comment
Что именно вы имеете в виду под «простым HTML»?   -  person pimvdb    schedule 07.06.2011
comment
Как вы думаете, почему div должен уметь рисовать произвольные изображения?   -  person Blindy    schedule 07.06.2011
comment
Что значит заменить на div?   -  person Matt Ball    schedule 07.06.2011
comment
Этот пример работает, когда браузер поддерживает элемент Canvas. нет, я не думаю, что ‹div› может рисовать изображения, но изображения могут рисовать в элементе ‹div› (что-то вроде CSS). Извините за простой HTML и извините за мой английский язык.   -  person rhavd    schedule 07.06.2011

Ответы (1)


arrow_upward
3
arrow_downward

Используйте элементы <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);
person pimvdb    schedule 07.06.2011