HTML5 Canvas替换为< div> [英] HTML5 Canvas replace to <div>
本文介绍了HTML5 Canvas替换为< div>的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我正在尝试将HTML5 Canvas替换为简单< div>
但我不知道如何替换此行:
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);
也许有人知道如何将其替换为< div>
?
Maybe anyone have idea how to replace this into <div>
?
示例: http:/ /jsfiddle.net/HDpMW/5/ (此代码来自glacialflame.com)
example : http://jsfiddle.net/HDpMW/5/ (this code from glacialflame.com)
推荐答案
使用< img>
元素,并动态追加它们: http:/ /jsfiddle.net/HDpMW/6/
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替换为< div>的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文