SVG/Element/foreignObject

Das foreignObject-Element kann SVG durch andere XML-Formate, unter anderem XHTML oder MathML, erweitern.

Syntax

Start-Tag: notwendig

End-Tag: notwendig

Elternelemente

Darf vorkommen in:
jedem Element, das fließenden Inhalt erlaubt.
außer a-Element

erlaubte Inhalte

alle Elemente

Attribute

Name	Inhalt	Standardwert	Bedeutung
height	NUMBER		Höhe
transform	CDATA
width	NUMBER		Breite
x	NUMBER		x-Position
y	NUMBER		y-Position

Attribut: Pflichtattribut
Attribut: optionales Attribut

Beispiel

<svg xmlns="http://www.w3.org/2000/svg" width="200" height="200">
  <foreignObject x="40" y="40" width="100" height="100">
   <h2>Überschrift</h2>
   <ul>
     <li><a href="">Linktext 1</a></li>
     <li><a href="">Linktext 2</a></li>
     <li><a href="">Linktext 3</a></li>
   </ul>
  </foreignObject>
</svg>

In SVG gibt es auch ein a-Element. Allerdings müssten Links erst die Unterstreichungen und auch einen Hintergrund erhalten, weil die anklickbaren Flächen sich sonst auf die Gylphen selbst beschränken würden. Mit foreignElement können native HTML-Elemente mit ihrem Standardverhalten verwendet werden.

Beachten Sie: In Webseiten mit HTML5-Doctype und in SVG2 benötigen Sie keine Namensraumdeklaration für die SVG- und die foreignObject-Elemente mehr. Auch eine in alten Beispielen noch verwendete Angabe des requiredExtensions-Attribut ist heute nicht mehr nötig.

Siehe auch

• [[]]
  • HTML in SVG
  • MathML in SVG

Weblinks

• W3C: foreignObject Element