пример
Нарисуйте 150*100 пикселей прямоугольник:
JavaScript:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.strokeRect(20,20,150,100);
Попробуй сам " Поддержка браузеров
Числа в таблице указать первую версию браузера, который полностью поддерживает метод.
| метод | |||||
|---|---|---|---|---|---|
| strokeRect() | да | 9.0 | да | да | да |
Определение и использование
strokeRect() метод рисует прямоугольник (без заливки). По умолчанию цвет инсульта является черным.
Совет: Используйте strokeStyle свойство , чтобы установить цвет, градиент или узор стиль хода.
| Синтаксис JavaScript: | context.strokeRect(x,y,width,height); |
|---|
Значения параметров
| параметр | Описание | Сыграй |
|---|---|---|
| x | Х-координата верхнего левого угла прямоугольника | Сыграй " |
| y | Y-координата верхнего левого угла прямоугольника | Сыграй " |
| width | Ширина прямоугольника в пикселях | Сыграй " |
| height | Высота прямоугольника в пикселях | Сыграй " |