dibujar optimamente

[derkenuke]

He hecho una tonteria javascript que permite dibujar cuando el boton izq del raton esta presionado, pero cuanto mas se dibuja, peor, y va mucho mas lento.

Código PHP:

  <style> 
.pto { width:1; height:1; background-color:black;position:absolute; font-size:1px; } 
</style> 
 
<script> 
/*  
JAVASCRIPT PARA DIBUJAR  
*/ 
document.write('<div id="almacen">&nbsp</div><div id="documento">&nbsp</div>'); 
 
function dib() { 
    documento.innerHTML+="<div class='pto' style='top:"+event.y+";left:"+event.x+";'></div>"; 
} 
 
function aprieta() { document.onmousemove=dib; } 
function suelta() {  
    document.onmousemove=null;  
    almacen.innerHTML+=documento.innerHTML; documento.innerHTML=""; 
} 
 
document.onmousedown=aprieta; 
document.onmouseup=suelta; 
</script>  
  

¿Que puedo hacer para optimizarlo? He puesto el div almacen por si servia de algo, y un poco mas rapido va, pero...


Agradecimientos adelantados