Manual de referencia de HTML

Completo de etiquetas HTML

Propiedad lineJoin de HTML canvas

lineJoin es una propiedad de Canvas 2D API se utiliza para configurar2Atributo que determina cómo se conectan dos partes adyacentes de una línea (segmentos, arcos, curvas) de longitud no nula (las partes deformadas de longitud 0, cuyos extremos y puntos de control estén en la misma posición, se ignorarán).

Manual de referencia de canvas HTML

Ejemplo en línea

Crea un ángulo redondo cuando dos líneas se cruzan:

Ejemplo

<!DOCTYPE　html>
<html>
<head>
<title>Uso de la propiedad lineJoin en canvas HTML (Tutoriales básicos de la web oldtoolbag.com)</<title>
</<head>
<body>
<canvas id="myCanvas" width="300" altura="150" estilo="borde:1px sólido #d3d3d3>
Su navegador no admite　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>

Prueba aquí ‹/›

Compatibilidad del navegador

IEFirefoxOperaChromeSafari

Internet Explorer 9、Firefox、Opera、Chrome y Safari admiten la propiedad lineJoin.

Nota:Internet Explorer 8 Y versiones anteriores no admiten el elemento <canvas>.

Definición y uso

Cuando dos líneas se encuentran, el atributo lineJoin establece o devuelve el tipo de ángulo creado.

Nota:El valor "miter" está sujeto amiterLimit Influencia del atributo.

Valor predeterminado:	miter
Sintaxis de JavaScript:	contexto.lineJoin="bevel\|round\|miter";

Valor de atributo

Valor	Descripción
bevel	Crear ángulos afilados.
round	Crear ángulos redondos.
miter	Predeterminado. Crear ángulos agudos.

Manual de referencia de canvas HTML

HTML: <template> etiqueta