上一节:
下一节:

  HTML canvas(画布)lineJoin属性

  • lineJoin属性定义和用法

    当两条线相交时，lineJoin属性设置或返回创建的角的类型。
    注意： “miter”值受miterLimit属性的影响 。

  • lineJoin属性浏览器支持

    Internet Explorer Chrome FireFox Safari Opera
    9.0（含）以上 支持 支持 支持 支持

  • lineJoin属性语法

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

  • lineJoin属性实例

    
                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();
    尝试一下

  • lineJoin返回/属性值

    类型 描述
    bevel 创建一个斜角
    round 创建圆角
    miter 默认。创造一个尖锐的角

  • lineJoin属性相关页面

    HTML教程：HTML脚本

    HTML教程：HTML画布

返回画布参考
上一节:
下一节: