# SVG Stroke 屬性
## SVG Stroke 屬性
SVG提供了一個范圍廣泛stroke 屬性。在本章中,我們將看看下面:
* stroke
* stroke-width
* stroke-linecap
* stroke-dasharray
所有stroke屬性,可應用于任何種類的線條,文字和元素就像一個圓的輪廓。
## SVG stroke 屬性
Stroke屬性定義一條線,文本或元素輪廓顏色:
<object height="100" width="500" data="stroke0.svg" type="image/svg+xml"><embed src="images/stroke0.svg" type="image/svg+xml"></object>
下面是SVG代碼:
## 實例
```
<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
? <g fill="none">
??? <path stroke="red" d="M5 20 l215 0" />
??? <path stroke="blue" d="M5 40 l215 0" />
??? <path stroke="black" d="M5 60 l215 0" />
? </g>
</svg>
```
對于Opera用戶:[查看SVG文件](images/stroke0.svg)(右鍵單擊SVG圖形預覽源)。
## SVG stroke-width 屬性
Tstroke- width屬性定義了一條線,文本或元素輪廓厚度:
<object height="100" width="500" data="stroke0.svg" type="image/svg+xml"><embed src="images/stroke1.svg" type="image/svg+xml"></object>
下面是SVG代碼:
## 實例
```
<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
? <g fill="none" stroke="black">
??? <path stroke-width="2" d="M5 20 l215 0" />
??? <path stroke-width="4" d="M5 40 l215 0" />
??? <path stroke-width="6" d="M5 60 l215 0" />
? </g>
</svg>
```
對于Opera用戶:[查看SVG文件](images/stroke1.svg)(右鍵單擊SVG圖形預覽源)。
## SVG stroke-linecap 屬性
strokelinecap屬性定義不同類型的開放路徑的終結:
<object height="100" width="500" data="stroke0.svg" type="image/svg+xml"><embed src="images/stroke2.svg" type="image/svg+xml"></object>
下面是SVG代碼:
## 實例
```
<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
? <g fill="none" stroke="black" stroke-width="6">
??? <path stroke-linecap="butt" d="M5 20 l215 0" />
??? <path stroke-linecap="round" d="M5 40 l215 0" />
??? <path stroke-linecap="square" d="M5 60 l215 0" />
? </g>
</svg>
```
對于Opera用戶:[查看SVG文件](images/stroke2.svg)(右鍵單擊SVG圖形預覽源)。
## SVG stroke-dasharray 屬性
strokedasharray屬性用于創建虛線:
<object height="100" width="500" data="stroke0.svg" type="image/svg+xml"><embed src="images/stroke3.svg" type="image/svg+xml"></object>
下面是SVG代碼:
## 實例
```
<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
? <g fill="none" stroke="black" stroke-width="4">
??? <path stroke-dasharray="5,5" d="M5 20 l215 0" />
??? <path stroke-dasharray="10,10" d="M5 40 l215 0" />
??? <path stroke-dasharray="20,10,5,5,5,10" d="M5 60 l215 0" />
? </g>
</svg>
```
對于Opera用戶:[查看SVG文件](images/stroke3.svg)(右鍵單擊SVG圖形預覽源)。
- XML 基礎
- XML 簡介
- XML 用途
- XML 樹結構
- XML 語法規則
- XML 元素
- XML 屬性
- XML 驗證
- 查看 XML 文件
- 使用 CSS 顯示 XML
- 使用 XSLT 顯示 XML
- XML Javascript
- XMLHttpRequest 對象
- XML Parser
- XML DOM
- XML to HTML
- XML 應用程序
- XML 進階
- XML 命名空間
- XML CDATA
- XML 編碼
- 服務器上的 XML
- XML DOM 高級
- XML 注意事項
- XML 相關技術
- 現實生活中的 XML
- XML 編輯器
- XML - E4X
- DTD 教程
- DTD 簡介
- DTD - XML 構建模塊
- DTD - 元素
- DTD - 屬性
- XML 元素 vs. 屬性
- DTD - 實體
- DTD 驗證
- DTD - 來自網絡的實例
- XML DOM
- XML DOM 簡介
- XML DOM 節點
- XML DOM 節點樹
- XML DOM 解析器
- XML DOM 加載函數
- XML DOM - 屬性和方法
- XML DOM - 訪問節點
- XML DOM 節點信息
- XML DOM 節點列表
- XML DOM 遍歷節點樹
- XML DOM 瀏覽器差異
- XML DOM - 導航節點
- XML DOM 獲取節點值
- XML DOM 改變節點值
- XML DOM 刪除節點
- XML DOM 替換節點
- XML DOM 創建節點
- XML DOM 添加節點
- XML DOM 克隆節點
- The XMLHttpRequest 對象
- XML DOM 節點類型
- XML DOM - Node 對象
- XML DOM - NodeList 對象
- XML DOM - NamedNodeMap 對象
- XML DOM - Document 對象
- XML DOM - DocumentImplementation 對象
- XML DOM - DocumentType 對象
- XML DOM - ProcessingInstruction 對象
- XML DOM - Element 對象
- XML DOM - Attr 對象
- XML DOM - Text 對象
- XML DOM - CDATASection 對象
- XML DOM - Comment 對象
- XMLHttpRequest 對象
- XML DOM Parse Error 對象
- XML DOM 解析器錯誤
- XSLT 教程
- XSL 語言
- XSLT 簡介
- XSLT 瀏覽器
- XSLT - 轉換
- XSLT <xsl:template> 元素
- XSLT <xsl:value-of> 元素
- XSLT <xsl:for-each> 元素
- XSLT <xsl:sort> 元素
- XSLT <xsl:if> 元素
- XSLT <xsl:choose> 元素
- XSLT <xsl:apply-templates> 元素
- XSLT - 在客戶端
- XSLT - 在服務器端
- XSLT - 編輯 XML
- XML 編輯器
- XSLT 元素參考手冊
- XSLT 函數
- XPath 教程
- XPath 簡介
- XPath 節點
- XPath 語法
- XPath 軸(Axes)
- XPath 運算符
- XPath Examples
- XPath、XQuery 以及 XSLT 函數函數參考手冊
- 函數參考手冊
- XQuery 教程
- XQuery 簡介
- XQuery 實例
- XQuery FLWOR 表達式
- XQuery FLWOR + HTML
- XQuery 術語
- XQuery 語法
- XQuery 添加元素 和屬性
- XQuery 選擇 和 過濾
- XQuery 函數
- XQuery 參考手冊
- XLink 和 XPointer 教程
- XLink 和 XPointer 簡介
- XLink 和 XPointer 語法
- XLink 實例
- XPointer 實例
- XLink 參考手冊
- XML Schema 教程
- XML Schema 簡介
- 為什么使用 XML Schemas?
- XSD 如何使用?
- XSD - <schema> 元素
- XSD 簡易元素
- XSD 屬性
- XSD 限定 / Facets
- XSD 復合元素
- XSD 空元素
- XSD 僅含元素
- XSD 僅含文本
- XSD 混合內容
- XSD 指示器
- XSD <any> 元素
- XSD <anyAttribute> 元素
- XSD 元素替換(Element Substitution)
- XSD 實例
- XSD 字符串 數據類型
- XSD 日期和時間數據類型
- XSD 數值數據類型
- XSD 雜項 數據類型
- XML 編輯器
- XML Schema 參考手冊
- XSD 元素
- XSD 限定/Facets
- SOAP 教程
- SOAP 簡介
- SOAP 語法
- SOAP Envelope 元素
- SOAP Header 元素
- SOAP Body 元素
- SOAP Fault 元素
- SOAP HTTP 協議
- SOAP 實例
- WSDL 教程
- WSDL 簡介
- WSDL 文檔
- WSDL 端口
- WSDL 綁定
- WSDL UDDI
- RSS 教程
- RSS 簡介
- RSS 歷史
- RSS 語法
- RSS <channel> 元素
- RSS <item> 元素
- RSS 發布您的 Feed
- RSS 閱讀器
- RSS 參考手冊
- RDF 教程
- RDF 簡介
- RDF 規則
- RDF 實例
- RDF 主要 元素
- RDF 容器 Elements
- RDF 集合
- RDF Schema (RDFS)
- RDF 都柏林核心元數據倡議
- OWL 簡介
- RDF 參考手冊
- XSL-FO 教程
- XSL-FO 簡介
- XSL-FO 文檔
- XSL-FO 區域
- XSL-FO 輸出
- XSL-FO 流
- XSL-FO 頁面
- XSL-FO 塊
- XSL-FO 列表
- XSL-FO 表格
- XSL-FO 與 XSLT
- XSL-FO 軟件
- XSL-FO 參考手冊
- SVG 教程
- SVG 簡介
- SVG 實例
- SVG 在 HTML 頁面
- SVG <rect>
- SVG <circle>
- SVG <ellipse>
- SVG <line>
- SVG <polygon>
- SVG <polyline>
- SVG <path>
- SVG <text>
- SVG Stroke 屬性
- SVG 濾鏡
- SVG 模糊效果
- SVG 陰影
- SVG 漸變 - 線性
- SVG 漸變- 放射性
- SVG 參考手冊
- 免責聲明