<script>
function cerchio(spessore,colore,centroX,centroY,raggio){
var angolo;
var punto="";
traccia=function(){
for(angolo=0;angolo<=360;angolo+=.2){
punto+="<div style='width:"+spessore+"px;height:"+spessore+"px;background:"+colore+";position:absolute;left:"+(centroX+raggio*Math.cos(angolo*180/Math.PI))+"px;top:"+(centroY+raggio*Math.sin(angolo*180/Math.PI))+"px'></div>"
}
document.body.innerHTML+=punto;
}
traccia.call();
}
function azione(){
cerchio(1,"red",400,500,200);
cerchio(1,"green",200,400,300);
cerchio(1,"blue",700,400,100);
}
</script>
<body onLoad="azione()">
</body>
Il disegno viene sgranato... Ho in mente un certo artifizio un po' complesso per renderlo più lineare anche in questo caso... e in tutti gli altri.
Ecco la pagina realizzata.
Nessun commento:
Posta un commento