Перейти к содержанию

strokeRect()

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

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

Синтаксис

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

Параметры

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

Спецификация

Пример

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

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

JavaScript:

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

Ссылки