miterLimit

Свойство miterLimit устанавливает/возвращает максимальную длину среза.

Длина среза это расстояние между внутренним и внешнем углом, образованным пересечением двух линий.

Примечание: Свойство miterLimit работает только тогда, когда свойство lineJoin имеет значение miter.

Длина среза становится больше по мере того, как уменьшается угол пересечения линий.

Чтобы ограничить чрезмерное удлинение среза, и используется свойство miterLimit.

Если длина среза будет превышать заданное в свойстве miterLimit значение, угол будет отображаться как при значении bevel свойства lineJoin (Fig 3):

Синтаксис

context.miterLimit=число;

Значения

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

число

Позитивное число, определяющее максимальную длину среза. Если текущая длина среза будет превышать заданное значение, то угол будет отображаться как при значении bevel свойства lineJoin.

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

• HTML Living Standard

Пример

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

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

JavaScript:

var c = document.getElementById('myCanvas')
var ctx = c.getContext('2d')
ctx.lineWidth = 10
ctx.lineJoin = 'miter'
ctx.miterLimit = 5
ctx.moveTo(20, 20)
ctx.lineTo(50, 27)
ctx.lineTo(20, 34)
ctx.stroke()

Ссылки

• Свойство miterLimit ^{MDN (рус.)}