SELF-Treffen in Mannheim 2025
SELFHTML wird 30 Jahre alt!
Die Mitgliederversammlung findet am 24.05.2025 um 10:00 statt. Alle Mitglieder und Interessierte sind herzlich eingeladen.
Davor und danach gibt es Gelegenheiten zum gemütlichen Beisammensein. → Veranstaltungs-Ankündigung.
SVG/Element/switch
Aus SELFHTML-Wiki
< SVG | Element(Weitergeleitet von SVG/Elemente/switch)
Der Begriff switch ist mehrdeutig.- JavaScript Fallunterscheidung mit "switch"
- PHP: Switch
- SVG - foreignObject und switch
Das switch-Element wertet die Testattribute systemLanguage, requiredFeatures, requiredExtensions seiner direkten Kindelemente in ihrer Reihenfolge aus.
Das erste Kindelement, bei dem alle verwendeten Attribute true zurückliefern, wird vom Browser dargestellt. Weitere Kindelemente werden nicht berücksichtigt.
- Syntax
- Start-Tag: notwendig
- End-Tag: notwendig
- Elternelemente
- Darf vorkommen in:
jedem Element, das fließenden Inhalt erlaubt.
außer a-Element - erlaubte Inhalte
- Animationselemente, Beschreibungselemente, Grundformen,a, foreignObject, g, image, svg, switch, text, use
| Name | Inhalt | Standardwert | Bedeutung |
|---|---|---|---|
| transform | CDATA |
Attribut: Pflichtattribut
Attribut: optionales Attribut
Beispiel
<switch>
<foreignObject width="100" height="50"
requiredExtensions="http://www.w3.org/1999/xhtml">
<!-- XHTML Inhalt -->
<body xmlns="http://www.w3.org/1999/xhtml">
<h2>Überschrift</h2>
<p>Ein Absatz</p>
</body>
</foreignObject>
<!-- alternatives SVG -->
<text font-size="10" font-family="Verdana">
<tspan x="10" y="10">Überschrift</tspan>
<tspan x="10" y="20">Ein Absatz</tspan>
</text>
</switch>
Das Beispiel stellt das eingebettete XHTML dar, wenn das requiredExtensions-Attribut als true erkannt wird (d. h., Der Browser unterstützt in SVG eingebettetes XHTML).
Falls nicht, wird alternativ der Text mithilfe zweier tspan-Elemente dargestellt.
Beachten Sie: Da heute sowohl HTML als auch MathML von allen Browsern unterstützt werden, ist diese doppelte Absicherung nicht mehr nötig.
Siehe auch
- SVG/Tutorials/Text
- mehrsprachiger Text - Fallunterscheidung mit switch
- MathML/Geometrie mit MathML, SVG und JavaScript
Weblinks
- W3C: switch Element
- MDN: switch
