SVG <symbol> 元素

SVG <symbol>元素用于定義可重復(fù)使用的符號(hào)。 除非被 <use>元素引用,否則不會(huì)顯示嵌套在 <symbol>內(nèi)的形狀。

symbol元素用來(lái)定義一個(gè)圖形模板對(duì)象,它可以用一個(gè)<use>元素示例化。symbol元素對(duì)圖形的作用是在同一文檔中多次使用,添加結(jié)構(gòu)和語(yǔ)義。結(jié)構(gòu)豐富的文檔可以更生動(dòng)地呈現(xiàn)出來(lái),類似講演稿或盲文,從而提升了可訪問(wèn)性。注意,一個(gè)symbol元素本身是不呈現(xiàn)的。只有symbol元素的示例(亦即,一個(gè)引用了symbol的 <use>元素)才能呈現(xiàn)。

符號(hào)示例

這是一個(gè)簡(jiǎn)單的符號(hào)symbol示例:

<svg width="500" height="100">
    <symbol id="shape2">
        <circle cx="25" cy="25" r="25" />
    </symbol>

    <use xlink:href="#shape2" x="50" y="25" />
</svg>
測(cè)試看看?/?

<symbol>元素需要一個(gè)id,以便<use>元素引用。

reserveAspectRatio和viewBox

<symbol>元素可以具有prepareAspectRatio和viewBox屬性。  <g>不能具有這兩個(gè)屬性。 因此,與在<defs>元素內(nèi)使用<g>元素相比,<symbol>元素可能是重用形狀的更好方法。

丰满人妻一级特黄a大片,午夜无码免费福利一级,欧美亚洲精品在线,国产婷婷成人久久Av免费高清