# Свойство strokeStyle

Свойство `strokeStyle` задает цвет линии при рисовании на canvas. Значением свойства служат любые CSS единицы для цвета.

## Синтаксис

`контекст.strokeStyle = цвет;`

## Пример

Давайте нарисуем контур с помощью `rect` и покрасим его в красный цвет:

`<canvas id="canvas" width="200" height="200" style="background: #f4f4f4;"></canvas>` `let canvas = document.querySelector('#canvas'); let ctx = canvas.getContext('2d'); ctx.rect(50, 50, 100, 100); ctx.strokeStyle = 'red'; ctx.stroke();`

:

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

- метод `fillStyle`,
  который устанавливает цвет фона фигуры

←→
↑
en ru