Javascript свойство lineCap

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

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

Значение по умолчанию: butt
JavaScript синтаксис: context.lineCap="butt | round | square";

Возможные значения

Значение Описание
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();