SVG <symbol>元素用于定義可重復使用的符號。 除非被 <use>元素引用,否則不會顯示嵌套在 <symbol>內(nèi)的形狀。
symbol元素用來定義一個圖形模板對象,它可以用一個<use>元素示例化。symbol元素對圖形的作用是在同一文檔中多次使用,添加結構和語義。結構豐富的文檔可以更生動地呈現(xiàn)出來,類似講演稿或盲文,從而提升了可訪問性。注意,一個symbol元素本身是不呈現(xiàn)的。只有symbol元素的示例(亦即,一個引用了symbol的 <use>元素)才能呈現(xiàn)。
這是一個簡單的符號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>測試看看?/?
<symbol>元素需要一個id,以便<use>元素引用。
<symbol>元素可以具有prepareAspectRatio和viewBox屬性。 <g>不能具有這兩個屬性。 因此,與在<defs>元素內(nèi)使用<g>元素相比,<symbol>元素可能是重用形狀的更好方法。