Latest web development tutorials

HTML propiedad lineJoin lona

HTML Manual de Referencia de la lona HTML Manual de Referencia de la lona

Ejemplos

Cuando dos líneas se cruzan para crear esquinas redondas:

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();

Trate »

Soporte para el navegador

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Internet Explorer 9, Firefox, Opera, Chrome y Safari apoyo lineJoin propiedad.

Nota: 8 y versiones anteriores de Internet Explorer no son compatibles con el elemento <canvas>.


Definición y Uso

lineJoin conjuntos de propiedades o devuelve el tipo de esquinas creada cuando la intersección de dos líneas.

Nota: "mitra" valor por miterLimit propiedades de impacto.

Por defecto: mitra
la sintaxis de JavaScript: contexto .lineJoin = "bisel | ronda |mitra";

propiedad Valor

描述
bevel 创建斜角。
round 创建圆角。
miter 默认。创建尖角。


HTML Manual de Referencia de la lona HTML Manual de Referencia de la lona