HTML DOM lineCap 属性

定义和用法

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

语法

CanvasRenderingContext2D.lineCap

描述

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

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

提示和注释

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

参阅

CanvasRenderingContext2D.lineJoin

VUE