CanvasRenderingContext2D.stroke()

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

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

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

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

path

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

В этом примере с помощью метода 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();

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

• Интерфейс, предоставляющий этот метод - CanvasRenderingContext2D.