Exemplo
Desenhar linhas com o comprimento máximo de esquadria 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 navegador
Os números na tabela especificar a primeira versão do navegador que suporta totalmente a propriedade.
| Propriedade | |||||
|---|---|---|---|---|---|
| miterLimit | 4.0 | 9 | 3,6 | 4.0 | 10.1 |
Definição e Uso
Os limiteMitre conjuntos de propriedades ou retorna o comprimento máximo de esquadria.
O comprimento de esquadria é a distância entre o canto interior e o canto exterior, onde duas linhas se encontram.
Tip: 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 mitra de ser demasiado longo, podemos usar a propriedade limiteMitre.
Se o comprimento de esquadria excede o valor limiteMitre, o canto vai ser exibido como tipo lineJoin "bevel" (Fig 3) :
| Valor padrão: | 10 |
|---|---|
| sintaxe JavaScript: | context .miterLimit= number ; |
Valores de propriedade
| Valor | Descrição | Jogue |
|---|---|---|
| number | Um número positivo que especifica o comprimento máximo de esquadria. Se o comprimento mitra atual excede o limiteMitre, o canto será exibido como lineJoin "bevel" | Jogue " |
<Object Canvas