SVG 邊框（stroke）

屬性介紹

stroke 邊框（輪廓）顏色

stroke-width 邊框（輪廓）厚度

stroke-linecap 開放路徑的終結(jié)樣式（或稱為畫筆線帽）

butt 無線帽

round 圓形的線帽

square 方形的線帽

stroke-dasharray 定義一實(shí)線虛線長(zhǎng)度數(shù)組，不斷重復(fù)該樣式

stroke

stroke指的是邊框（輪廓）的顏色

1

2

3

4

5

stroke-width

邊框（輪廓）厚度指的是，在fill區(qū)域邊界處的徑向?qū)挾龋催吔缣幭蛲鈙troke-width/2和邊界處向內(nèi)stroke-width/2的區(qū)域是線寬。

1

2

3

4

5

6

7

8

9

stroke-linecap

stroke-linecap指的是線帽，即開放路徑的終結(jié)樣式，共3種：butt、round、square

MDN開發(fā)文檔 https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/stroke-linecap

the stroke-linecap attribute specifies the shape to be used at the end of open subpaths when they are stroked.

As a presentation attribute, it also can be used as a property directly inside a CSS stylesheet

1

2

3

4

5

6

7

stroke-dasharray

stroke-dasharray定義了一個(gè)實(shí)線、虛線數(shù)組的長(zhǎng)度數(shù)組，然后不斷的重復(fù)該樣式。

1

2

3

4

5

6

7

SVG 數(shù)據(jù)結(jié)構(gòu)

版權(quán)聲明：本文內(nèi)容由網(wǎng)絡(luò)用戶投稿，版權(quán)歸原作者所有，本站不擁有其著作權(quán)，亦不承擔(dān)相應(yīng)法律責(zé)任。如果您發(fā)現(xiàn)本站中有涉嫌抄襲或描述失實(shí)的內(nèi)容，請(qǐng)聯(lián)系我們jiasou666@gmail.com 處理，核實(shí)后本網(wǎng)站將在24小時(shí)內(nèi)刪除侵權(quán)內(nèi)容。

版權(quán)聲明：本文內(nèi)容由網(wǎng)絡(luò)用戶投稿，版權(quán)歸原作者所有，本站不擁有其著作權(quán)，亦不承擔(dān)相應(yīng)法律責(zé)任。如果您發(fā)現(xiàn)本站中有涉嫌抄襲或描述失實(shí)的內(nèi)容，請(qǐng)聯(lián)系我們jiasou666@gmail.com 處理，核實(shí)后本網(wǎng)站將在24小時(shí)內(nèi)刪除侵權(quán)內(nèi)容。