<ruby id="bdb3f"></ruby>

    <p id="bdb3f"><cite id="bdb3f"></cite></p>

      <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
        <p id="bdb3f"><cite id="bdb3f"></cite></p>

          <pre id="bdb3f"></pre>
          <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

          <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
          <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

          <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                <ruby id="bdb3f"></ruby>

                ??碼云GVP開源項目 12k star Uniapp+ElementUI 功能強大 支持多語言、二開方便! 廣告
                # 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圖形預覽源)。
                  <ruby id="bdb3f"></ruby>

                  <p id="bdb3f"><cite id="bdb3f"></cite></p>

                    <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
                      <p id="bdb3f"><cite id="bdb3f"></cite></p>

                        <pre id="bdb3f"></pre>
                        <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

                        <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
                        <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

                        <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                              <ruby id="bdb3f"></ruby>

                              哎呀哎呀视频在线观看