線條屬性概述
線條的屬性共有以下四個：
1、lineCap屬性
lineCap 定義上下文中線的端點，可以有以下 3 個值。

butt：默認值，端點是垂直于線段邊緣的平直邊緣。
round：端點是在線段邊緣處以線寬為直徑的半圓。
square：端點是在選段邊緣處以線寬為長、以一半線寬為寬的矩形。

2、 lineJoin屬性
lineJoin 定義兩條線相交產生的拐角，可將其稱為連接。在連接處創建一個填充三角形，可以使用 lineJoin 設置它的基本屬性。

miter：默認值，在連接處邊緣延長相接。miterLimit 是角長和線寬所允許的最大比例(默認是 10)。
bevel：連接處是一個對角線斜角。
round：連接處是一個圓。

3、線寬
lineWidth 定義線的寬度(默認值為 1.0)。

4、筆觸樣式
strokeStyle 定義線和形狀邊框的顏色和樣式。
后面兩個前面已經說過了，這里我們著重來看看前兩個屬性。
線條的帽子lineCap

廢話不多說，直接上代碼看效果。

發表評論 共有條評論 用戶名: 密碼: 驗證碼: 匿名發表