Последние учебники веб-разработки
 

HTML canvas stroke() Method

<HTML Canvas Ссылка

пример

Нарисуйте путь, имеющий форму буквы 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() метод на самом деле рисует путь , который вы определили со всеми теми moveTo() и lineTo() методы. По умолчанию цвет черный.

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

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

<HTML Canvas Ссылка