Atributo de idioma del sistema SVG

El atributo systemLanguage expresa una lista de muchas etiquetas de idioma admitidas.

Los elementos que usan este atributo incluyen:
<a>, <altGlyph>, <animate>, <animateColor>, <animateMotion>, <animateTransform>, <audio>, <canvas>, <circle>, <clipPath>, < cursor>, <defs>, <descartar>, <elipse>, <foreignObject>, <g>, <iframe>, <imagen>, <línea>, <máscara>, <ruta>, <patrón>, <polígono> , <polyline>, <rect>, <set>, <svg>, <switch>, <text>, <textPath>, <tref>, <tspan>, <unknown>, <use> y <video>.

Sintaxis:

systemLanguage = "language-tags"

Valores de atributo: el atributo systemLanguage acepta los valores mencionados anteriormente y descritos a continuación

  • etiquetas de idioma: este valor de atributo incluye etiquetas como: ar, de, nl, en-us, en-gb, en-au, en, es, fr, ja, ru, etc.

Los siguientes ejemplos ilustran el uso del atributo systemLanguage.

Ejemplo 1:

<!DOCTYPE html>
<html>
  
<body>
  
    <h1 style="color: green;">
        GeeksforGeeks
    </h1>
  
    <svg viewBox="0 -20 300 350">
        <switch>
            <text systemLanguage="ar">مرحبا</text>
            <text systemLanguage="de, nl">Hallo!</text>
            <text systemLanguage="en-us">Howdy!</text>
            <text systemLanguage="en-gb">Wotcha!</text>
            <text systemLanguage="en-au">G'day!</text>
            <text systemLanguage="en">Hello!</text>
            <text systemLanguage="es">Hola!</text>
            <text>Sorry no language matched!</text>
        </switch>
    </svg>
</body>
  
</html>

Producción:

Ejemplo 2:

<!DOCTYPE html>
<html>
  
<body>
  
    <h1 style="color: green; text-align: center;">
        GeeksforGeeks
    </h1>
  
    <svg viewBox="-30 -20 300 350">
        <switch>
            <text systemLanguage="ar">مرحبا</text>
            <text systemLanguage="de, nl">Hallo!</text>
            <text systemLanguage="es">Hola!</text>
            <text>Sorry no language matched!</text>
        </switch>
    </svg>
</body>
  
</html>

Producción:

Publicación traducida automáticamente

Artículo escrito por thacker_shahid y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *