CanvasRenderingContext2D.lineJoin

CanvasRenderingContext2D.lineJoin - тип кутів між лініями.

Синтаксис:

ctx.lineJoin;

Параметри:

ctx - об'єкт CanvasRenderingContext2D.

Опис:

lineJoin властивість об'єкту CanvasRenderingContext2D яка повертає / задає тип кутів між лініями.

"bevel" - трикутний кут.
"round" - округлений кут.
"miter" - збільшення межі лінії. Залежить від властивості miterLimit.

Приклад:

var canvas = document.getElementById("canvas").getContext("2d");

canvas.lineJoin="round";
canvas.lineWidth=12;
canvas.moveTo(2, 2);

canvas.lineTo(25, 35);
canvas.lineTo(55, 5);
canvas.lineJoin="bever";
canvas.lineTo(75, 35)
canvas.stroke();