Propriedade miterLimit do canvas HTML
Definição e uso
miterLimit Configuração de propriedade ou retorno do comprimento de aresta máximo.
O comprimento da aresta é a distância entre o ângulo interno e o ângulo externo no ponto de interseção de duas linhas.
Dica:Apenas quando a propriedade lineJoin for "arestaApenas quando lineJoin for "
Quanto menor o ângulo do canto, maior será o comprimento da aresta.
Para evitar que o comprimento da aresta seja muito longo, podemos usar a propriedade miterLimit.
Se o comprimento da aresta for maior que o valor de miterLimit, os cantos serão arredondados com lineJoin do "aresta" Tipo para exibir (Ilustração 3):
Exemplo
Desenhar linhas com o comprimento de aresta máxima 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();
Sintaxe
context.miterLimit=number;
Valor do atributo
| Valor | Descrição |
|---|---|
| number |
Número positivo. Define o comprimento máximo do bisel. Se o comprimento do bisel for maior que o valor de miterLimit, os cantos serão exibidos com o tipo de lineJoin "bevel". |
Detalhes técnicos
| Valor padrão: | 10 |
|---|
Suporte do navegador
Os números na tabela indicam a versão do navegador que suportou a primeira vez essa propriedade.
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
Notas:O Internet Explorer 8 e versões anteriores não suportam o elemento <canvas>.
