Der switch-Tag

(Auszug aus "Das Einsteigerseminar SVG — Webgrafiken mit XML" von Helma Spona)

Wenn Sie externe Dateien benötigen oder Tags und Attribute im SVG-Code verwenden, der nicht von allen verfügbaren Browsern und Plug-Ins unterstützt wird, haben Sie natürlich ein kleines Problem. Der Code wird nur dann korrekt ausgeführt, wenn alle Voraussetzungen erfüllt sind. Das kann bei nicht unterstützten Tags und Attributen dazu führen, dass Ihr Bild in mangelhafter Qualität dargestellt wird.

Mit dem <switch>-Tag von SVG können Sie zumindest bestimmen, dass die Grafik bzw. eine Gruppe von Elementen oder ein einzelnes Element gar nicht dargestellt werden soll, wenn die Voraussetzungen nicht erfüllt sind. Diese definieren Sie mit Hilfe der Attribute des Tags. Innerhalb des Tags geben Sie dann die Elemente an, für die diese Bedingungen gelten sollen.

Alle Attribute funktionieren auf die gleiche Weise. Sie weisen Ihnen einen einzelnen Wert, bspw. das benötigte Feature oder eine Liste der benötigten Features, zu. Das Plug-In oder der Browser, die den SVG-Code ausführen, werten diese Liste oder den einzelnen Wert aus, indem sie prüfen, ob die angegebenen Features oder Erweiterungen verfügbar sind. Nur wenn alle verfügbar sind, ergibt die Auswertung des Attributs den Wert "wahr" (true). Wenn alle Attribute auf diese Weise den Wert true aufweisen, wird der Inhalt des <switch>-Tags ausgeführt und gerendert.

Der Tag unterstützt folgende Attribute:

• requiredFeatures legt fest, welche SVG-Features das Plug-In oder der Browser unterstützen muss. Dazu stehen die Werte org.w3c.svg, org.w3c.svg.dynamic, org.w3c.svg.static, org.w3c.dom.svg.static, org.w3c.svg.animation, org.w3c.dom.svg.animation, org.w3c.svg.dynamic, org.w3c.svg.all und org.w3c.dom.svg.all zur Verfügung. Die Bedeutung dieser Werte erläutert die folgende Tabelle. Möchten Sie mehrere Werte angeben, trennen Sie sie durch Leerzeichen.
• requiredExtensions bestimmt, welche Spracherweiterungen zur Ausführung notwendig sind. Dazu muss die Erweiterung oder eine Liste von Erweiterungen mit einer URL angegeben werden. Die gültigen Werte richten sich nach der Erweiterung, die verwendet werden soll. Derzeit gibt es noch keine, sodass Sie dieses Attribut vorerst nicht benötigen.
• systemLanguage legt fest, welche Systemsprache notwendig ist. Sie können auf diese Weise bspw. Text der Grafik in unterschiedlichen Sprachen angeben und abhängig von der Sprache des Betriebssystems dann die passenden Texte anzeigen. Auf diese Weise lassen sich recht einfach mehrsprachige Grafiken erstellen. Die Sprachen werden durch Kommata getrennt, falls Sie mehrere angeben möchten. Die Codes für die Sprachen sind allerdings noch nicht standardisiert und definiert.

Hinweis:
Da der Adobe SVG-Viewer jedoch bisher lediglich das Attribut requiredExtensions unterstützt, spielen die anderen Attribute in der Praxis sowieso noch keine Rolle.

Die folgende Tabelle erläutert die Bedeutung der Werte für das Attribut requiredFeatures.

Tabelle: Werte für das Attribut requiredFeatures des <switch>-Tags.

Wert	Bedeutung
org.w3c.svg	Legt fest, dass zumindest eines der Features org.w3c.svg.dynamic oder org.w3c.svg.static unterstützt werden muss.
org.w3c.svg.static	Legt fest, dass alle statischen SVG-Elemente fehlerfrei ausgeführt werden können, wie bspw. Pfade, Rechtecke, Kreise, Gruppen, Filter etc.
org.w3c.dom.svg.static	Gibt an, dass alle mit org.w3c.svg.static definierten SVG-Elemente auch über das DOM (Document Object Model) für Skripte erreichbar sind.
org.w3c.svg.animation	Legt fest, dass neben den durch org.w3c.svg.static definierten statischen Elementen auch das <animate>-Tag unterstützt wird.
org.w3c.dom.svg.animation	Gibt an, dass alle mit org.w3c.svg.animation definierten SVG-Elemente auch über das DOM für Skripte erreichbar sind.
org.w3c.svg.dynamic	Bestimmt, dass neben den durch org.w3c.svg.dynamic definierten Features auch Ereignisse unterstützt werden.
org.w3c.svg.all	Legt fest, dass alle Attribute und Tags der SVG-Spezifikation unterstützt werden.
org.w3c.dom.svg.all	Legt fest, dass alle Attribute und Tags der SVG-Spezifikation unterstützt werden und über das DOM für Skripte verfügbar sind.

   

<< zurück

vor >>