SVG <switch> 元素

SVG <switch>元素用于在SVG圖像中繪制文本。

switch元素對它的直接子元素上的屬性requiredFeatures、屬性requiredExtensions 和 屬性systemLanguage按照順序進(jìn)行評估，然后處理和呈現(xiàn)第一個評估為true的子元素。 其他子元素會被繞過不會被呈現(xiàn)。如果某個子元素是容器元素比如說是一個<g>元素，那么整個子樹會被處理呈現(xiàn)或者全部繞過不呈現(xiàn)。

注意：屬性display和屬性visibility的值對switch元素處理是不起作用的。特別是， 在switch元素的子元素上設(shè)置display為none，對switch 元素的true/false測試處理不起作用。

Switch 元素

該<switch>元素使您可以根據(jù)SVG查看器用戶使用的語言顯示不同的形狀。通常，您將使用 <switch>元素來顯示不同的文本，但是您也可以顯示不同的形狀。

這是一個SVG <switch>元素示例：

<switch>
    <g systemLanguage="en-UK">
        <text x="10" y="20">UK English</text>
    </g>
    <g systemLanguage="en">
        <text x="10" y="20">English</text>
    </g>
    <g systemLanguage="es">
        <text x="10" y="20">Spanish</text>
    </g>
</switch>

根據(jù)用戶選擇的語言，將顯示該<g>元素內(nèi)部的<switch>元素之一。瀏覽器將使用第一語言匹配。僅將語言代碼上的匹配項也視為匹配項，因此將方言（如en-UK）放在通用語言（如en）之前。