Javascript свойство miterLimit

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

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

miterLimit

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

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

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

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

miterlimitbevel

Значение по умолчанию: 10
JavaScript синтаксис: context.miterLimit=число;

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

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

Пример

Нарисуем две линии с максимальной длиной среза угла их пересечения в 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();