Canvas lineCap 属性

Canvas-Referenzhandbuch

定义和用法

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

Anmerkung:"round" 和 "quadratisch" 会使线条略微变长。

实例

绘制圆形的结束线帽：

您的浏览器不支持canvas标签。

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

亲自试一试

语法

context.lineCap="butt|round|square";

属性值

值 描述
butt 默认。向线条的每个末端添加平直的边缘。
round 向线条的每个末端添加圆形线帽。
quadratisch Fügt an jedem Ende der Linie einen quadratischen Linienkopf hinzu.

Technische Details

Standardwert: butt

Browser-Unterstützung

Die in der Tabelle genannten Zahlen geben die Versionsnummer des ersten Browsers an, der diese Eigenschaft vollständig unterstützt.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
4.0 9.0 3.6 4.0 10.1

Anmerkung:Internet Explorer 8 und frühere Versionen unterstützen das <canvas>-Element nicht.

Canvas-Referenzhandbuch