ЛУЧШИЙ САЙТ ДЛЯ РАЗРАБОТЧИКОВ
×

HTML Ссылки

HTML по Алфавиту HTML по Категориям HTML Атрибуты Тегов HTML Атрибуты Глобал HTML Атрибуты Событий HTML Цвета HTML Холсты HTML Аудио / Видео HTML Наборы символов HTML DOCTYPEs HTML Кодирование URL HTML Языковые коды HTML Коды стран HTTP Ответы сервера HTTP Методы PX в EM конвертер Горячие клавиши



HTML холст stroke() Метод

❮ HTML Справка на полотно

Пример

Нарисуйте контур, в виде буквы L-в красном цвете:

YourbrowserdoesnotsupporttheHTML5canvastag.

JavaScript:

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.beginPath();
ctx.moveTo(20,20);
ctx.lineTo(20,100);
ctx.lineTo(70,100);
ctx.strokeStyle="red";
ctx.stroke();

Поддержка браузера

Номера в таблице указывают первую версию браузера, которая полностью поддерживает этот метод.

Метод
stroke() Да 9.0 Да Да Да

Определение и использование

Метод Stroke() фактически рисует путь, который вы определили со всеми этими методами move() и lineTo(). По умолчанию используется черный цвет.

Совет: Используйте свойство strokestyle для рисования с другим цветом/градиентом.

Синтаксис JavaScript: context.stroke();

❮ HTML Справка на полотно