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”);
//-
ctx.lineWidth=5;
ctx.fillStyle=”red”;
ctx.strokeStyle=”black”;
drawArrow(100, 100, 200, 30, 25, 75, 25, false);
ctx.fill();
ctx.stroke();
//-
ctx.lineWidth=5;
ctx.fillStyle=”magenta”;
ctx.strokeStyle=”magenta”;
drawArrow(300, 100, 200, 30, 25, 75, 25, true);
ctx.fill();
ctx.stroke();
//-
ctx.fillStyle=”blue”;
drawArrow(100, 200, 100, 2, 35, 15, 15, true);
ctx.fill();
//-
ctx.fillStyle=”orange”;
drawArrow(250, 150, 100, 2, 235, 50, 5, true);
ctx.fill();
//-
ctx.fillStyle=”cyan”;
ctx.lineWidth = 8;
ctx.strokeStyle =”black”;
ctx.lineCap=”square”;
ctx.lineJoin=”round”;
drawArrow(450, 150, 200, 50, 190, 65, 15, false);
ctx.fill();
ctx.stroke();

Niezbędne pliki

Klasa wymaga obecności skryptu arrows.js.
Treść wszystkich skryptów.

Dodaj komentarz

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