CanvasRenderingContext2D.lineCap

CanvasRenderingContext2D.lineCap - тип закінчення вкінці лінії.

Синтаксис:

ctx.lineCap;

Параметри:

ctx - об'єкт CanvasRenderingContext2D.

Опис:

lineCap властивість об'єкту CanvasRenderingContext2D яка повертає / задає тип закінчення лінії вкінці.

"butt" - лінії синусоїд обрізається на кінцях.
"round" - лінії округляються вкінці.
"square" - лінії вкінці квадратні.

Приклад:

var canvas = document.getElementById("canvas").getContext("2d");
canvas.moveTo(2, 2);
canvas.lineCap="round";
canvas.lineWidth=12;
canvas.lineTo(56, 45);

canvas.stroke();