Propriedade miterLimit do Canvas
Definição e uso
miterLimit Configura ou retorna o comprimento máximo de biselamento.
O comprimento do biselamento é a distância entre o ângulo interno e o ângulo externo no ponto de interseção das duas linhas.
Dica:Apenas quando a propriedade lineJoin for "miterquando lineJoin for "
Quanto menor o ângulo do canto, maior será o comprimento do biselamento.
Para evitar que o biselamento seja muito longo, podemos usar a propriedade miterLimit.
Se o comprimento do biselamento for maior que o valor de miterLimit, os cantos serão exibidos com o tipo de "beveldo tipo (Figura 3):
Exemplo
Desenhe uma linha com o comprimento máximo de biselamento de 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 de biselamento. Se o comprimento do biselamento for maior que o valor de miterLimit, os cantos serão exibidos com o tipo de "bevel" de lineJoin. |
Detalhes técnicos
| Valor padrão: | 10 |
|---|
Suporte do navegador
Os números na tabela indicam a versão do navegador que suportou plenamente essa propriedade pela primeira vez.
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
Observação:O Internet Explorer 8 e versões anteriores não suportam o elemento <canvas>.
