Odległość punktów

Wymaga dodania skryptu figures.js, który znajduje się tutaj:
Skrypty JavaScript do części 2

Zawartość możesz zobaczyć w
przeglądarce obsługującej element <canvas>
z kontekstem "2d"

Listing

var cv = document.getElementById("canvas");
var ctx = cv.getContext("2d");		   
//-
var point = new Point(120, 20);			
point.strokeStyle = "blue";
point.shape="cross";
point.stroke = true;
point.lineWidth = 0.5;
point.diam = 10;
point.draw(ctx);
//
var point1 = new Point(150, 50);
point1.fillStyle="red";
point1.strokeStyle = "blue";			
point1.fill = true;
point1.stroke = true;
point1.lineWidth = 1.0;
point1.diam = 6;
point1.draw(ctx);
//
var distance = point.distance(point1);
ctx.fillText("odległość punktów: "+ distance + " px", 120, 80);
            

Dodaj komentarz

Twój adres email nie zostanie opublikowany. Pola, których wypełnienie jest wymagane, są oznaczone symbolem *