JavascriptProva

martedì 10 gennaio 2012

Alcune rette più... "normali" come rappresentazione!

mmmhhh... mi serve gettare uno sguardo sull'oggetto window.
mi serve per poter adeguare la mia grafica all'ampiezza della finestra.
Ecco, le proprietà che descrivono le dimensioni del contenuto dovrebbero essere innerWidth e innerHeight.

Proviamo...

Bene! Ho riportato la rappresentazione delle mie rette a una modalità più familiare in cui l'asse delle y ha valori crescenti dal basso verso l'alto, come ero abituato a fare a scuola!

<script>

function retta(inizio, fine, tg, intercetta, colore)
{
 for (var x=inizio;x<=fine;x++)
 document.write("<div style='position:absolute;width:1px;height:1px;background-color:"+colore+";left:"+x+"px;top:"+(innerHeight-(tg*x+intercetta))+"px'></div>")
}


retta(0,1000,.8,0,"blue");
retta(0,1000,.5,100,"red");
retta(0,1000,-.3,300,"green");
</script>
Funziona, funziona!!!
Ho voluto provare per la prima volta una retta con un coefficiente angolare negativo, che viene correttamente rappresentata anch'essa.

Nessun commento:

Posta un commento