Manual de referência HTML

Catálogo de etiquetas HTML

Propriedade miterLimit do HTML canvas

miterLimit é uma propriedade do Canvas 2A propriedade D API define a proporção do limite do canto afiado. Quando o valor da propriedade é obtido, ele retornará o valor atual (o valor padrão é10.0 ). Quando o valor da propriedade é atribuído, 0, números negativos, Infinity e NaN serão ignorados; todos os outros valores serão atribuídos a um novo valor.

Manual de referência do canvas HTML

Exemplo online

Desenhar o comprimento máximo do canto afiado20 linha:

Exemplo

!DOCTYPE html>
<html>
<head>
<title>Uso da propriedade miterLimit no HTML canvas (Tutoriais Básicos da Web oldtoolbag.com)</title>
</head>
<body>
<canvas id="myCanvas" largura="300" altura="150" estilo="border:1px sólido #d3d3d3>
Seu navegador não suporta HTML5　etiqueta canvas.
</canvas>
<p>Tente ajustar o miterLimit　4(Depois, o comprimento do canto afiado ultrapassará o limite de canto afiado), quando a linha atende a isso, será exibido como lineJoin = "bevel".</p>
<script>
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.lineWidth=10;
ctx.lineJoin="miter";
ctx.miterLimit=20;
ctx.moveTo(20,20);
ctx.lineTo(50,27);
ctx.lineTo(20,34);
ctx.stroke();
</script>
</body>
</html>

Teste e veja ‹/›

Compatibilidade do navegador

IEFirefoxOperaChromeSafari

Internet Explorer 9Firefox, Opera, Chrome e Safari suportam a propriedade miterLimit.

Atenção:Internet Explorer 8 Versões anteriores a e não suportam o elemento <canvas>.

Definição e uso

A propriedade miterLimit define ou retorna o comprimento máximo do canto.

O comprimento do canto é a distância entre o ângulo interno e o ângulo externo no ponto de interseção das duas linhas.

Dica:A propriedade miterLimit é válida apenas quando a propriedade lineJoin for "miter".

Quanto menor o ângulo do canto, maior será o comprimento do canto.

Para evitar o comprimento do cantolongo，podemos usar a propriedade miterLimit.

Se o comprimento do canto for maior que o valor de miterLimit, os cantos serão exibidos com o tipo de linhaJoin "bevel" (Fig 3）：

Valor padrão:	10
Sintaxe JavaScript:	contexto.miterLimit=número;

Valor do atributo

Valor	Descrição
número	Número positivo. Define a comprimento máximo do canto. Se o comprimento do canto for maior que o valor de miterLimit, os cantos serão exibidos com o tipo de linhaJoin "bevel".

Manual de referência do canvas HTML

HTML: <template> etiqueta