HTML-канвас атрибут miterLimit
Определение и использование
miterLimit Установка или возвращение максимальной длины скоса.
Длина скоса指的是 расстояние между внутренним и внешним углами в месте пересечения двух линий.
Совет:Эффективен только когда атрибут lineJoin равен "miter" miterLimit эффективен.
Чем меньше угол угла, тем длиннее будет длина скоса.
Чтобы избежать чрезмерно长的 скоса, мы можем использовать атрибут miterLimit.
Если длина скоса превышает значение miterLimit, углы будут скреплены с помощью lineJoin "bevel"Тип" для отображения (иллюстрация 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();
Синтаксис
context.miterLimit=number;
Значение атрибута
| Значение | Описание |
|---|---|
| number |
Положительное число. Определяет максимальную длину скоса. Если длина скоса превышает значение miterLimit, углы будут отображаться с помощью типа lineJoin "bevel". |
Технические детали
| Значение по умолчанию: | 10 |
|---|
Поддержка браузерами
Числа в таблице указывают на версию первого браузера, который полностью поддерживает этот атрибут.
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
Комментарий:Internet Explorer 8 и более ранние версии не поддерживают элемент <canvas>.
