SVG <switch> Element

Das SVG <switch>-Element wird verwendet, um Text in SVG-Bildern zu zeichnen.

Das switch-Element bewertet die Eigenschaften requiredFeatures, requiredExtensions und systemLanguage seiner direkten Unterlemente in der Reihenfolge und verarbeitet und stellt dann das erste Unterlement dar, das true bewertet wird. Andere Unterlemente werden übersprungen und nicht dargestellt. Wenn ein Unterlement ein Container-Element ist, zum Beispiel ein <g>-Element, wird das gesamte Unterbaum verarbeitet und dargestellt oder vollständig übersprungen und nicht dargestellt.

Hinweis: Der Wert der Eigenschaft display und der Wert der Eigenschaft visibility haben keine Auswirkung auf die Verarbeitung des switch-Elements. Insbesondere, wenn display für die Unterelemente des switch-Elements auf none gesetzt wird, hat dies keine Auswirkung auf das true des switch-Elements/Der false-Testprozess funktioniert nicht.

Switch-Element

Das <switch>-Element ermöglicht es Ihnen, unterschiedliche Formen anzuzeigen, je nachdem, welche Sprache der Benutzer des SVG-Betrachers verwendet. Normalerweise verwenden Sie das <switch>-Element, um unterschiedliche Texte anzuzeigen, aber Sie können auch unterschiedliche Formen anzeigen.

Dies ist ein Beispiel für ein SVG <switch>-Element:

<switch>
　　　　<g　systemLanguage="en-UK">
　　　　　　　　<text　x="10"　y="20">UK　Englisch</text>
　　　　</g>
　　　　<g　systemLanguage="en">
　　　　　　　　<text　x="10"　y="20">Englisch</text>
　　　　</g>
　　　　<g　systemLanguage="es">
　　　　　　　　<text　x="10"　y="20">Spanisch</text>
　　　　</g>
</switch>

Nach der vom Benutzer ausgewählten Sprache wird eines der <switch>-Elemente im Inneren des <g>-Elements angezeigt. Der Browser verwendet die erste passende Sprache. Nur Übereinstimmungen auf der Ebene der Sprachcodes werden als Übereinstimmungen betrachtet, daher werden Dialekte (wie en-UK）vor einem allgemeinen Sprache (wie en) gestellt werden.