JavascriptProva

domenica 22 gennaio 2012

Ecco la retta per due punti rappresentata mediante le funzioni trigonometriche

<script>
function rettaPerDuePunti(colore,colPunti,x1,y1,x2,y2){

var linea="";
var lunghezza;
 function punti(){
  document.body.innerHTML+="<div style='width:5px;height:5px;position:absolute;left:"+x1+"px;top:"+y1+"px;background:"+colPunti+"'></div>"
  document.body.innerHTML+="<div style='width:5px;height:5px;position:absolute;left:"+x2+"px;top:"+y2+"px;background:"+colPunti+"'></div>"
  
 }
 function traccia(){
  lunghezza=Math.sqrt(Math.pow((x2-x1),2)+Math.pow((y2-y1),2));
  angolo=Math.atan((y2-y1)/(x2-x1));
  for(var n=0;n<=lunghezza;n++){
   linea+="<div style='position:absolute;width:2px;height:2px;background:"+colore+";left:"+(x1+n*Math.cos(angolo))+"px;top:"+(y1+n*Math.sin(angolo))+"px;'></div>"
   
  }
  document.body.innerHTML+=linea;
 }
 punti.call();
 traccia.call();
}

function azione(){
 rettaPerDuePunti("green","red",100,100,100,300);
 rettaPerDuePunti("blue","red",200,200,500,700);
 rettaPerDuePunti("black","red",100,100,150,500);
 rettaPerDuePunti("red","blue",80,300,300,200);
}
</script>
<body onLoad="azione()">
</body>
...Molto più pulita!

Nessun commento:

Posta un commento