English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Elemento <switch> no SVG

O elemento <switch> do SVG é usado para desenhar texto em imagens SVG.

O elemento switch avalia, em ordem, as propriedades requiredFeatures, requiredExtensions e systemLanguage em seus elementos filhos diretos, e então processa e exibe o primeiro elemento que avaliar como true. Outros elementos filhos serão ignorados e não exibidos. Se algum elemento filho for um elemento contêiner, como um elemento <g>, toda a subárvore será processada e exibida ou completamente ignorada e não exibida.

Atenção: os valores das propriedades display e visibility não afetam o processamento do elemento switch. Especialmente, ao definir display como none para os elementos filhos do elemento switch, isso não afeta o true/O teste false não funciona.

Elemento Switch

O elemento <switch> permite que você mostre diferentes formas com base no idioma do visualizador de SVG que o usuário está usando. Normalmente, você usará o elemento <switch> para mostrar diferentes textos, mas também pode mostrar diferentes formas.

Este é um exemplo de elemento 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>

De acordo com a linguagem escolhida pelo usuário, será exibido um dos elementos <switch> internos do <g>. O navegador usará o primeiro idioma correspondente. Apenas os itens correspondentes ao código de idioma também são considerados correspondentes, portanto, o dialeto (como en-Colocado antes do idioma geral (como en).