最新的Web开发教程
 

HTML canvas lineCap Propery

<画布对象

绘制具有圆形端盖的行:

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

浏览器支持

在表中的数字规定,完全支持该财产浏览器版本。

属性
lineCap 4 9 3.6 4 10.1

定义和用法

该的linecap属性设置或返回端盖的线条的样式。

Note:值"round""square"使线略长。

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

属性值

描述 播放
butt 默认。 平坦边缘被添加到线的每个端部 播放 ”
round 圆形端部帽被添加到线的每个端部 播放 ”
square 方形端帽被添加到线的每个端部 播放 ”

<画布对象