• 首页
  • css3教程
  • html5教程
  • jQuery手册
  • php7教程
  • MySQL手册
  • apache手册
  • lineJoin

    实例

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

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

    浏览器支持

    Internet Explorer 9、Firefox、Opera、Chrome 和 Safari 支持 lineJoin 属性。
    注意:Internet Explorer 8 及之前的版本不支持<canvas>元素。

    定义和用法

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

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

    默认值:miter
    JavaScript 语法:context.lineJoin="bevel | round | miter";

    属性值

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