LineJoin | HTML<canvas>属性

定义与用法

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

提示：“miter” 值受 miterLimit 属性的影响。

语法格式

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

默认值：miter

示例代码

<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>

效果展示：

亲自试试

浏览器支持

属性
LineJoin	Yes	Yes	Yes	Yes	Yes

Internet Explorer 9、Firefox、Opera、Chrome 和 Safari 支持 lineJoin 属性。

提示：Internet Explorer 8 及之前的版本不支持 <canvas> 元素。

属性值