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

    实例

    绘制圆形的结束线帽:

    YourbrowserdoesnotsupporttheHTML5canvastag.

    JavaScript:

    var c=document.getelementbyid("myCanvas");
    var ctx=c.getcontext("2d");
    ctx.beginpath();
    ctx.linecap="round";
    ctx.moveto(20,20);
    ctx.lineto(20,200);
    ctx.stroke();

    浏览器支持

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

    定义和用法

    lineCap 属性设置或返回线条末端线帽的样式。

    注意:"round"和"square"值会使线条略微变长。

    默认值:butt
    JavaScript 语法:context.lineCap="butt | round | square";

    属性值

    描述
    butt默认。向线条的每个末端添加平直的边缘。
    round向线条的每个末端添加圆形线帽。
    square向线条的每个末端添加正方形线帽。