HTML canvas strokeRect()Методы
Объект CanvasПримеры
Нарисуйте прямоугольник 150*100 пикселей:
JavaScript：
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.strokeRect(20,20,150,100);
var ctx=c.getContext("2d");
ctx.strokeRect(20,20,150,100);
Попробуйте сами »
Поддержка браузеров
Internet Explorer 9, Firefox, Opera, Chrome и Safari поддерживают метод strokeRect().
Примечание:Internet Explorer 8 и более ранние версии не поддерживают элемент <canvas>.
Определение и использование
Метод strokeRect() рисует прямоугольник (без заливки). Цвет обводки по умолчанию — черный.
Совет:Используйте свойствоstrokeStyle, чтобы задать цвет, градиент или узор обводки.
| Синтаксис JavaScript: | context.strokeRect(x,y,width,height); |
|---|
Значения параметров
| Параметр | Описание |
|---|---|
| x | Координата x верхнего левого угла прямоугольника. |
| y | Координата y верхнего левого угла прямоугольника. |
| width | Ширина прямоугольника в пикселях. |
| height | Высота прямоугольника в пикселях. |
Другие расширения