21.SVG switch元素

• Switch元素

SVG<switch>元素用来在SVG图片上绘制文本。

Switch元素

<switch>元素可以根据用户使用的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>

根据用户选择的语言，展示<switch>元素中相应的<g>元素。浏览器将使用第一次匹配的语言。单独的语言代码匹配也被认为是匹配的，所以通用语言（如en）之前放置方言（如en-UK）。最终图片如下：

UK EnglishEnglishSpanish