SVG systemLanguage-Attribut
Das Attribut systemLanguage drückt eine Liste vieler unterstützter Sprachtags aus.
Zu den Elementen, die dieses Attribut verwenden, gehören:
<a>, <altGlyph>, <animate>, <animateColor>, <animateMotion>, <animateTransform>, <audio>, <canvas>, <circle>, <clipPath>, < Cursor>, <defs>, <discard>, <ellipse>, <foreignObject>, <g>, <iframe>, <image>, <line>, <mask>, <path>, <pattern>, <polygon> , <polyline>, <rect>, <set>, <svg>, <switch>, <text>, <textPath>, <tref>, <tspan>, <unknown>, <use> und <video>.
Syntax:
systemLanguage = "language-tags"
Attributwerte: Das systemLanguage- Attribut akzeptiert die oben erwähnten und unten beschriebenen Werte
- language-tags: Dieser Attributwert enthält Tags wie: ar, de, nl, en-us, en-gb, en-au, en, es, fr, ja, ru usw.
Die folgenden Beispiele veranschaulichen die Verwendung des systemLanguage-Attributs.
Beispiel 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>
Ausgabe:
Beispiel 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>
Ausgabe: