HTML DOM lineCap 属性

JavaScript基础 2022-06-20 00:06:00小码哥的IT人生shichen

定义和用法

lineCap 属性指定线段的末端如何绘制。

CanvasRenderingContext2D.lineCap

lineCap 属性指定线段如何结束。只有绘制较宽线段时，它才有效。这个属性的合法值如下表所示。默认值是："butt"。

值	含义
"butt"	这个默认值指定了线段应该没有线帽。线条的末点是平直的而且和线条的方向正交，这条线段在其端点之外没有扩展。
"round"	这个值指定了线段应该带有一个半圆形的线帽，半圆的直径等于线段的宽度，并且线段在端点之外扩展了线段宽度的一半。
"square"	这个值表示线段应该带有一个矩形线帽。这个值和 "butt" 一样，但是线段扩展了自己的宽度的一半。

注释：FireFox 1.5 没有正确地实现 "butt" 线帽样式。Butt 线帽被当作是 "square" 线帽一样地绘制。