Manual de referência HTML

大全 de etiquetas HTML

Atributo lineJoin no canvas HTML

lineJoin é um atributo do Canvas 2D API é usado para configurar2A propriedade que determina como duas partes adjacentes de uma linha (segmentos, arcos, curvas) se conectam (partes deformadas de comprimento zero, cujos extremos e pontos de controle estão na mesma posição, serão ignorados).

Manual de referência do canvas HTML

Exemplo em linha

Cria um canto arredondado ao cruzar duas linhas:

Exemplo

<!DOCTYPE　html>
<html>
<head>
<title>Uso do atributo lineJoin no canvas HTML (Tutorial básico da Web oldtoolbag.com)</<title>
</<head>
<body>
<canvas id="myCanvas" width="300" height="150" style="border:1px sólido #d3d3d3>
O seu navegador não suporta　HTML5　canvas　标签。</canvas>
<script>
var　c=document.getElementById("myCanvas");
var　ctx=c.getContext("2d");
ctx.beginPath();
ctx.lineWidth=10;
ctx.lineJoin="round";
ctx.moveTo(20,20);
ctx.lineTo(100,50);
ctx.lineTo(20,100);
ctx.stroke();
</script>
</body>
</html>

Teste e veja ‹/›

Compatibilidade do navegador

IEFirefoxOperaChromeSafari

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

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

Definição e uso

Quando duas linhas se encontram, o atributo lineJoin define ou retorna o tipo de ângulo criado.

Atenção:O valor "miter" é afetado pormiterLimit Impacto do atributo.

Valor padrão:	miter
Sintaxe JavaScript:	contexto.lineJoin="bevel\|round\|miter";

Valor do atributo

Valor	Descrição
bevel	Criar ângulo afiado.
round	Criar ângulo arredondado.
miter	Padrão. Criar ângulo agudo.

Manual de referência do canvas HTML

HTML: <template> etiqueta