miterLimit

Автор: Евгений Рыжков Дата публикации: 14.10.2011

При соединении линий с опцией miter, концы линий продлеваются на определенное расстояние чтобы соединиться. Это расстояние будет небольшим для больших углов и в разы больше для острых.

Свойство miterLimit задает максимально допустимое расстояние для "дорисовки". Если для соединения линий требуется большее расстояние, тогда они будут соединены как bevel.

Синтаксис

miterLimit [=value]

Значение — число не менее 1.0 (значение меньше будет восприниматься как 1.0). По умолчанию miterLimit = 10.0. Значение 1.0 означает отсутствие удлинения.

Пример

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

ctx.miterLimin = 5.2;
ctx.moveTo(20,10);
ctx.lineTo(30,30);
ctx.lineTo(40,40);
ctx.stroke();