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

lineJoin

Свойство lineJoin устанавливает/возвращает тип угла, созданного пересечением двух линий.

Примечание: На значение miter влияет свойство miterLimit.

Синтаксис

context.lineJoin="bevel | round | miter";

Значения

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

bevel
Скошенный угол
round
Закругленный угол
miter
Значение по умолчанию. Заостренный угол

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

Пример

Создадим закругленный угол пересечения двух линий:

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

JavaScript:

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

Ссылки