Javascript свойство miterLimit

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

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

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

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

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

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

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

Пример использования

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

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();