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 points = new IrregPolygon(new Point(20, 20), new Point(70, 70),
		new Point(70, 130), new Point(30, 120), new Point(10, 100));			
points.fillStyle = "red";
points.strokeStyle = "blue";
points.fill = true;
points.stroke = true;
points.lineWidth = 5;
points.draw(ctx);
//
var perimeter = points.perimeter();
ctx.fillText("obwód: "+ perimeter, 180, 20);		
            

Dodaj komentarz

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