CanvasRenderingContext2D.strokeRect()

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

Синтаксис:

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

Параметри:

ctx - об'єкт CanvasRenderingContext2D.

x - координати по осі x початкової точки прямокутника.

y - координати по осі y початкової точки прямокутника.

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

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

Опис:

strokeRect() метод об'єкту CanvasRenderingContext2D який малює прямокутник за вказаними координатами.

Прямокутник малюється використовуючи стиль CanvasRenderingContext2D.strokeStyle.

Приклад:

Ваш браузер не підтримує canvas. var ctx = document.getElementById("canvas").getContext("2d"); ctx.strokeStyle="blue"; ctx.strokeRect(10, 8, 50, 67);

Замальовуєво прямокутник по краям canvas:

var el = document.getElementById("canvas"); var canvas = el.getContext("2d"); canvas.strokeStyle="red"; canvas.strokeRect(0, 0, el.width, el.height);