MDN’s new design is in Beta! A sneak peek: https://blog.mozilla.org/opendesign/mdns-new-design-beta/

<svg>

Diese Übersetzung ist unvollständig. Bitte helfen Sie, diesen Artikel aus dem Englischen zu übersetzen.

Das svg Element kann dazu verwendet werden um ein SVG Fragment innerhalb des aktuellen Dokuments (zum Beispiel ein HTML Dokument) einzubetten, sofern das <svg> Element nicht als Root Element zum Einsatz kommt. Dieses SVG Fragment besitzt sein eigenes Darstellungsfeld und Koordinatensystem.

Nutzungskontext

KategorienContainerelement, Strukturelement
Erlaubter InhaltBeliebige Anzahl der folgenden Elemente, in beliebiger Reihenfolge:
Animationselemente
Beschreibende Elemente
Formelemente
Strukturelemente
Farbverlaufselemente
<a>, <altGlyphDef>, <clipPath>, <color-profile>, <cursor>, <filter>, <font>, <font-face>, <foreignObject>, <image>, <marker>, <mask>, <pattern>, <script>, <style>, <switch>, <text>, <view>

Beispiel

Berücksichtige das folgende SVG Bild (dies stellt die italienische Nationalflagge dar):

<svg xmlns="http://www.w3.org/2000/svg" 
     width="150" height="100" viewBox="0 0 3 2">

  <rect width="1" height="2" x="0" fill="#008d46" />
  <rect width="1" height="2" x="1" fill="#ffffff" />
  <rect width="1" height="2" x="2" fill="#d2232c" />
</svg>

Es könnt folgendermaßen in ein HTML5 Dokument inkludiert werden:

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8" />
  <title>HTML/SVG Example</title>
</head>

<body>

  <svg width="150" height="100" viewBox="0 0 3 2">
    <rect width="1" height="2" x="0" fill="#008d46" />
    <rect width="1" height="2" x="1" fill="#ffffff" />
    <rect width="1" height="2" x="2" fill="#d2232c" />
  </svg>

</body>
</html>

Attribute

Globale Attribute

Spezifische Attribute

DOM Interface

Dieses Element implementiert das SVGSVGElement Interface.

Specifikationen

Spezifikation Status Kommentar
Scalable Vector Graphics (SVG) 2
Die Definition von '<svg>' in dieser Spezifikation.		 Arbeitsentwurf  
Scalable Vector Graphics (SVG) 1.1 (Second Edition)
Die Definition von '<svg>' in dieser Spezifikation.		 Empfehlung Initial definition

Browserkompatibilität

Feature Chrome Firefox (Gecko) IE Opera Safari
Basisunterstützung 1.0 1.5 (1.8) 9.0 8.0 3.0.4
Feature Android Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
Basisunterstützung 3.0 1.0 (1.8) Nicht unterstützt (Ja) 3.0.4

Diese Tabelle basiert auf diesen Quellen.

Schlagwörter des Dokuments und Mitwirkende

Schlagwörter: 
 Mitwirkende an dieser Seite: mattenmad
 Zuletzt aktualisiert von: mattenmad,