CanvasRenderingContext2D.stroke()

Метод CanvasRenderingContext2D.stroke() Canvas 2D API обводит текущий или данный контур цветом strokeStyle.

Обводка выравнивается по центру контура, другими словами, половина линии обводки рисуется с внутренней стороны контура, и половина с внешней.

Обводка отрисовывается согласно правилу ненулевого индекса, а значит, пересекающиеся части контура также будут обведены.

Синтаксис

void ctx.stroke();
void ctx.stroke(path);

Параметры

path
Path2D (en-US) - контур, который нужно обвести.

Примеры

Использование метода stroke()

В этом примере с помощью метода rect() создаётся прямоугольник, и затем с помощью stroke() отрисовывается на холсте.

HTML

<canvas id="canvas"></canvas>

JavaScript

var canvas = document.getElementById('canvas');
var ctx = canvas.getContext('2d');
ctx.rect(10, 10, 100, 100);
ctx.stroke();

Отредактируйте приведённый ниже код и посмотрите, как обновляется рисунок на холсте:

Спецификации

Спецификация Статус Комментарий
HTML Living Standard
Определение 'CanvasRenderingContext2D.stroke' в этой спецификации.
Живой стандарт  

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

BCD tables only load in the browser

Смотрите также