填充和邊框

除了顏色屬性，還有其他一些屬性用來控制繪制描邊的方式。

stroke-width屬性定義了描邊的寬度。注意，描邊是以路徑為中心線繪制的，在上面的例子里，路徑是粉紅色的，描邊是黑色的。如你所見，路徑的每一側(cè)都有均勻分布的描邊。

第二個(gè)影響描邊的屬性是stroke-linecap屬性，如上所示。它控制邊框終點(diǎn)的形狀。

stroke-linecap屬性的值有三種可能值：

還有一個(gè)stroke-linejoin屬性，用來控制兩條描邊線段之間，用什么方式連接。

每條折線都是由兩個(gè)線段連接起來的，連接處的樣式由stroke-linejoin屬性控制，它有三個(gè)可用的值，miter是默認(rèn)值，表示用方形畫筆在連接處形成尖角，round表示用圓角連接，實(shí)現(xiàn)平滑效果。最后還有一個(gè)值bevel，連接處會(huì)形成一個(gè)斜接。

最后，你可以通過指定stroke-dasharray屬性，將虛線類型應(yīng)用在描邊上。

stroke-dasharray屬性的參數(shù)，是一組用逗號(hào)分割的數(shù)字組成的數(shù)列。注意，和path不一樣，這里的數(shù)字必須用逗號(hào)分割（空格會(huì)被忽略）。每一組數(shù)字，第一個(gè)用來表示填色區(qū)域的長(zhǎng)度，第二個(gè)用來表示非填色區(qū)域的長(zhǎng)度。所以在上面的例子里，第二個(gè)路徑會(huì)先做 5 個(gè)像素單位的填色，緊接著是 5 個(gè)空白單位，然后又是 5 個(gè)單位的填色。如果你想要更復(fù)雜的虛線模式，你可以定義