Свойство lineCap задает вид конца линии. Может принимать следующие значения: butt - плоский конец (по умолчанию), round - скругленный конец, square - квадратный конец. См. примеры для лучшего понимания.

См. также учебник по canvas для более полного понимания.

Синтаксис

контекст.lineCap = 'butt' или 'round' или 'square';

Примеры

Пример

Давайте нарисуем несколько линий и первой установим значение butt, второй - round, третьей - square. Обратите внимание на красную линию - ей отмечено установленное начало линии (а round и square вылазят за нее):