Exemplo
Desenhar linhas com o comprimento máximo mitra 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(); Tente você mesmo " Suporte a navegadores
Os números na tabela especificar a primeira versão do browser que suporta totalmente a propriedade.
| Propriedade | |||||
|---|---|---|---|---|---|
| miterLimit | sim | 9 | sim | sim | sim |
Definição e Uso
Os limiteMitre conjuntos de propriedades ou retorna o comprimento máximo de esquadria.
O comprimento mitra é a distância entre o canto interno e do canto externo, onde duas linhas se encontram.
Dica: A propriedade limiteMitre funciona apenas se o lineJoin atributo é "miter" .
O comprimento mitra cresce como o ângulo do canto fica menor.
Para evitar que o comprimento de esquadria de ser demasiado longo, nós podemos usar a propriedade limiteMitre.
Se o comprimento excede o valor de esquadria limiteMitre, o canto vai ser exibido como tipo lineJoin "bevel" (Figura 3):
| Valor padrão: | 10 |
|---|---|
| sintaxe JavaScript: | context.miterLimit=number; |
Os valores de propriedade
| Valor | Descrição | Jogue |
|---|---|---|
| number | Um número positivo que especifica o comprimento máximo de esquadria. Se o comprimento mitra corrente excede o limiteMitre, o canto será exibido como lineJoin "bevel" | Jogue " |