<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>

                合規國際互聯網加速 OSASE為企業客戶提供高速穩定SD-WAN國際加速解決方案。 廣告
                # SVG &lt;text&gt; ## SVG 文本 - &lt;text&gt; &lt;text&gt; 元素用于定義文本。 ## 實例 1 寫一個文本: <object height="60" width="500" data="text2.svg" type="image/svg+xml"><embed src="images/text1.svg" type="image/svg+xml"></object> 下面是SVG代碼: ## 實例 ``` <svg xmlns="http://www.w3.org/2000/svg" version="1.1"> ? <text x="0" y="15" fill="red">I love SVG</text> </svg> ``` 對于Opera用戶:[查看SVG文件](images/text1.svg)(右鍵單擊SVG圖形預覽源)。 ## 實例 2 旋轉的文字: <object height="60" width="500" data="text2.svg" type="image/svg+xml"><embed src="images/text2.svg" type="image/svg+xml"></object> 下面是SVG代碼: ## 實例 ``` <svg xmlns="http://www.w3.org/2000/svg" version="1.1"> ? <text x="0" y="15" fill="red" transform="rotate(30 20,40)">I love SVG</text> </svg> ``` 對于Opera用戶:[查看SVG文件](images/text2.svg)(右鍵單擊SVG圖形預覽源)。 ## 實例 3 路徑上的文字: <object height="60" width="500" data="text2.svg" type="image/svg+xml"><embed src="images/text3.svg" type="image/svg+xml"></object> 下面是SVG代碼: ## 實例 ``` <svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink"> ?? <defs> ??? <path id="path1" d="M75,20 a1,1 0 0,0 100,0" /> ? </defs> ? <text x="10" y="100" style="fill:red;"> ??? <textPath xlink:href="#path1">I love SVG I love SVG</textPath> ? </text> </svg> ``` 對于Opera用戶:[查看SVG文件](images/text3.svg)(右鍵單擊SVG圖形預覽源)。 ## 實例 4 元素可以安排任何分小組與&lt;tspan&gt; 元素的數量。每個&lt;tspan&gt; 元素可以包含不同的格式和位置。幾行文本(與 &lt;tspan&gt; 元素): <object height="60" width="500" data="text2.svg" type="image/svg+xml"><embed src="images/text4.svg" type="image/svg+xml"></object> 下面是SVG代碼: ## 實例 ``` <svg xmlns="http://www.w3.org/2000/svg" version="1.1"> ? <text x="10" y="20" style="fill:red;">Several lines: ??? <tspan x="10" y="45">First line</tspan> ??? <tspan x="10" y="70">Second line</tspan> ? </text> </svg> ``` 對于Opera用戶:[查看SVG文件](images/text4.svg)(右鍵單擊SVG圖形預覽源)。 ## 實例 5 作為鏈接文本( &lt;a&gt; 元素): <object height="60" width="500" data="text2.svg" type="image/svg+xml"><embed src="images/text5.svg" type="image/svg+xml"></object> 下面是SVG代碼: ## 實例 ``` <svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink"> ? <a xlink:href="http://www.w3schools.com/svg/" target="_blank"> ??? <text x="0" y="15" fill="red">I love SVG</text> ? </a> </svg> ``` 對于Opera用戶:[查看SVG文件](images/text5.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>

                              哎呀哎呀视频在线观看