Los últimos tutoriales de desarrollo web
 

HTML canvas lineJoin Propery

<Objeto Canvas

Ejemplo

Crear una esquina redondeada cuando las dos líneas se encuentran:

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();
Inténtalo tú mismo "

Soporte del navegador

Los números de la tabla especifican la primera versión del navegador que es totalmente compatible con la propiedad.

Propiedad
lineJoin 4.0 9.0 3.6 4.0 10.1

Definición y Uso

Los conjuntos de propiedades lineJoin o devuelve el tipo de esquina crean, cuando dos líneas se encuentran.

Note: El "miter" valor se ve afectado por la miterLimit propiedad.

Valor por defecto: inglete
la sintaxis de JavaScript: context .lineJoin="bevel|round|miter";

Valores de propiedad

Valor Descripción Juegalo
bevel Crea una esquina biselada Juegalo "
round Crea una esquina redondeada Juegalo "
miter Defecto. Crea una esquina aguda Juegalo "

<Objeto Canvas