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);