Paint me - gem billede
Jeg har dette script,som gør man kan tegne og skrive en besked..MEN, hvordan gemmer jeg de outputs der kommer?
Vil gerne gemme det som billedefil, nogen bud på hvordan?
Output kommer som Hex, så går ud fra jeg skal ind og rode med ASPimage eller lign?
<HTML>
<HEAD>
<title>QPainter </title>
<script language="javascript">
paint = {
paintnow:false,
paintColor:'000000',
move:function(){
if(this.paintnow&&event.srcElement.id=='pf')event.srcElement.style.backgroundColor = this.paintColor
},
down:function(){
this.paintnow=true
this.move()
},
up:function(){
this.paintnow=false
},
color:function(col){
paintcol.style.backgroundColor = this.paintColor = col
},
clear:function(){
drawfield.innerHTML = t
},
save:function(){
var crap = []
var data = pf
for(a=0;a<data.length;a+=8){
skod = 0
for(b=0;b<8;b++){
skod+=!parseInt(data[a+b].style.backgroundColor.substring(1),16)?Math.pow(2,b):0
}
crap[crap.length] = "0x"+toHex(skod)
}
function toHex(val){
val = val.toString(16)
return val.length<2?"0"+val:val
}
var m = '#define x_width 48\n#define x_height 48\nstatic char x_bits[] = {\n '+crap+'};\n'
document.body.insertAdjacentHTML("BeforeEnd","<FORM action='save.asp?n=d' method=POST id=form1 name=form1><textarea name=img id=img></textarea><textarea name=comment id=comment></textarea></FORM>")
form1.img.value = m
form1.comment.value = com.value
setTimeout("form1.submit()",100)
}
}
var paintSize = 48
function init(){
window.resizeTo(450,235)
t = "<table border=0 cellspacing=0 cellpadding=0 style='border:1px inset;cursor:crosshair;background-color:ffffff' onmousedown='paint.down()' onmouseup='paint.up()' onmousemove='paint.move()'>"
var ta = "<tr>"
for(a=0;a<paintSize;a++)ta+="<td style='width:4;height:4;background-color:ffffff' id=pf></td>"
ta += "</tr>"
for(a=0;a<paintSize;a++)t+=ta
t += "</table>"
drawfield.insertAdjacentHTML("BeforeEnd",t)
}
</script>
</HEAD>
<BODY onload="init()" ondragstart="return false" topmargin=0 leftmargin=0 rightmargin=0 bottommargin=0 style='border:none;background-color:activeborder'>
<table border=0 cellspacing=0 cellpadding=0>
<tr>
<td style='padding-left:2px;width:193;font-size:10px;font-family:tahoma'>
Comment:
</td>
<td style='padding-left:2px;width:193;font-size:10px;font-family:tahoma'>
Draw field:
</td>
<td style='' valign=top>
</td>
</tr>
<tr>
<td style='padding:2px;width:193'>
<textarea style='width:208;height:193' id=com name=com>Remember to write some text along width your image her:)</textarea>
</td>
<td id=drawfield style='padding:2px;width:193'>
</td>
<td style='padding-top:2px' valign=top>
<button onclick='paint.color("000000")' style='width:15;height:15;overflow:hidden;background-color:000000;border:1px solid black' id=button5 name=button5></button>
<button onclick='paint.color("ffffff")' style='width:15;height:15;overflow:hidden;background-color:FFFFFF;border:1px solid black;margin-left:2px' id=button6 name=button6></button><br>
<span id='paintcol' style='width:32;height:15px;border:1px solid black;overflow:hidden;margin-top:2px;background-color:000000'></span><br>
<button onclick='paint.clear()' style='width:32;height:32px;border:1px solid black;overflow:hidden;margin-top:2px;' alt="Reset" id=button7 name=button7><img src='new.gif'></button><br>
<button onclick='paint.save()' style='width:32;height:32px;border:1px solid black;overflow:hidden;margin-top:2px;' alt="Save" id=button8 name=button8><img src='hd.gif' ></button>
</td>
</tr>
</table>
</BODY>
</HTML>
