CanvasRenderingContext2D.rect()

CanvasRenderingContext2D.rect() - "малює" прямокутник.

Синтаксис:

ctx.rect( x, y, width, height );

Параметри:

ctx - об'єкт CanvasRenderingContext2D.

x - координати осі X.

y - координати ось Y.

width - ширина прямокутника.

height - висота прямокутника.

Опис:

rect() метод об'єкту CanvasRenderingContext2D який додає контур прямокутника до полотна canvas.

Приклад:

var canvas= document.getElementById("canvas");
crt = canvas.getContext("2d");
crt.beginPath();
crt.rect(10, 10, 50, 55);
crt.closePath();
crt.fillStyle="#785643";
crt.fill();

 var canvas= document.getElementById("canvas");
crt = canvas.getContext("2d");
crt.beginPath();
crt.rect(15, 15, 90, 85);
crt.closePath();
crt.strokeStyle="#001000";
crt.stroke();