tutoriais mais recente desenvolvimento web
 

HTML canvas lineJoin Propery

<Object Canvas

Exemplo

Criar um canto arredondado quando as duas linhas se encontram:

YourbrowserdoesnotsupporttheHTML5canvastag.

JavaScript:

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.beginPath();
ctx.lineJoin="round";
ctx.moveTo(20,20);
ctx.lineTo(100,50);
ctx.lineTo(20,100);
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
lineJoin 4.0 9 3,6 4.0 10.1

Definição e Uso

Os lineJoin conjuntos de propriedades ou retorna o tipo de canto criado, quando duas linhas se encontram.

Note: A "miter" valor é afetado pela limiteMitre propriedade.

Valor padrão: mitra
sintaxe JavaScript: context .lineJoin="bevel|round|miter";

Valores de propriedade

Valor Descrição Jogue
bevel Cria um canto recortado Jogue "
round Cria um canto arredondado Jogue "
miter Padrão. Cria uma curva fechada Jogue "

<Object Canvas