Перейти к содержанию

lineCap

Свойство lineCap устанавливает/возвращает стиль концов нарисованной линии.

Примечание: Значения round и square делают линию несколько длиннее.

Синтаксис

context.lineCap="butt | round | square";

Значения

Значение по умолчанию: butt

butt
Значение по умолчанию. У линии будут плоские концы
round
У линии будут закругленные концы
square
У линии будут квадратные концы

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

Пример

Нарисуем линию с закругленными концами:

Ваш браузер не поддерживает HTML5 тег canvas.

JavaScript:

var c = document.getElementById('myCanvas')
var ctx = c.getContext('2d')
ctx.beginPath()
ctx.lineCap = 'round'
ctx.moveTo(20, 20)
ctx.lineTo(200, 20)
ctx.stroke()

Ссылки