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