SVG switch元素

时间:2020-01-09 10:44:27  来源:igfitidea点击:

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-UK")放在通用语言(例如" en")之前。