Canvas lineJoin 属性

定义和用法

lineJoin 属性设置或返回所创建边角的类型,当两条线交汇时。

Nota:值 "miter" 受 miterLimit 属性的影响。

实例

当两条线条交汇时,创建圆形边角:

Su navegador no admite la etiqueta canvas.

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

亲自试一试

语法

context.lineJoin="bevel|round|miter";

属性值

描述
bevel 创建斜角。
round 创建圆角。
miter Predeterminado. Crea ángulos agudos.

Detalles técnicos

Valor predeterminado: miter

Compatibilidad del navegador

Los números en la tabla indican la versión del navegador que admite completamente la propiedad por primera vez.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
4.0 9.0 3.6 4.0 10.1

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