博客

自己抽空做了一个画像素画的小工具,界面比较简单,但也可以画着玩.呵呵.

有意思的地方在于可以把画的内容保存为一个数组,可以很方便地还原成图案…

主要的JS代码:

//画板表格<br /> var iconTable = {<br /> curColor : “#FF0000”,//当前颜色值<br /> box : $(“box”), //画板表格的容器<br /> border : “none”,<br /> l : 22, //格子数 l * l<br /> wh_default : 12,//格子初始宽高度,<br /> wh : 12, //格子宽高度,<br /> MaxWH : 16,<br /> MinWH : 4,<br /> ColorHash : null,<br /> init : function(l){ //利用数组拼接表格字符<br /> this.l = l || 22;<br /> var l = this.l;<br /> var aT = [“<table id=’iTable’>”];<br /> for(var x=0,t=this.l; x<t; x++){<br /> aT.push(“<tr>”);<br /> for(var y=0,y1=this.l; y<y1; y++){<br /> aT.push(“<td></td>”);<br /> }<br /> aT.push(“</tr>”);<br /> }<br /> aT.push(“</table>”);<br /> //将字符写到容器里<br /> this.box.innerHTML = aT.join(“”);<br /> this.resetPos();<br /> iconTable.border = “none”;<br /> $(“done&