Javascript метод strokeRect()

Метод strokeRect() рисует прямоугольник (без заливки). По умолчанию прямоугольник рисуется черным цветом.

Примечание: Чтобы задать цвет, градиент или паттерн, которым будет нарисован прямоугольник используется свойство strokeStyle.

JavaScript синтаксис:context.strokeRect(x, y, width, height);

Значения параметров

ПараметрОписание
xКоордината X верхнего левого угла прямоугольника
yКоордината Y верхнего левого угла прямоугольника
widthШирина прямоугольника в пикселях
heightВысота прямоугольника в пикселях

Пример использования

Нарисуем прямоугольник 150*100 пикселей:

Ваш браузер не поддерживает HTML5 тег canvas.

JavaScript:


var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.strokeRect(20,20,150,100);