пример
Рисовать линии с максимальной длиной скоса 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(); Попробуй сам " Поддержка браузеров
Числа в таблице указать первую версию браузера, которая полностью поддерживает свойство.
| Имущество | |||||
|---|---|---|---|---|---|
| miterLimit | да | 9.0 | да | да | да |
Определение и использование
Наборы собственности miterLimit или возвращает максимальную длину скоса.
Длина митры расстояние между внутренним углом и наружного угла, где две линии пересекаются.
Совет: Свойство miterLimit работает только если lineJoin атрибут "miter" .
Длина скоса становится все больше, как угол угла становится все меньше.
Чтобы предотвратить длину скоса от слишком долго, мы можем использовать свойство miterLimit.
Если длина скоса превышает значение miterLimit, угол будет отображаться как тип lineJoin "bevel" (Рис 3):
| Значение по умолчанию: | 10 |
|---|---|
| Синтаксис JavaScript: | context.miterLimit=number; |
Значения свойств
| Стоимость | Описание | Сыграй |
|---|---|---|
| number | Положительное число, указывающее максимальную длину скоса. Если текущая длина скоса превышает miterLimit, угол будет отображаться как lineJoin "bevel" | Сыграй " |