SVG

Mit Scalable Vector Graphics (SVG) können Sie auf effiziente Weise anspruchsvolle, leicht skalierbare visuelle Objekte (sowohl kleine und einfache als auch große und komplexe Objekte) zu einer Website hinzufügen, ohne dass dafür ein Plug-In oder separater Viewer erforderlich ist.In Windows Internet Explorer 9 wurde Unterstützung für die grundlegenden SVG-Features basierend auf den Empfehlungen der SVG 1.1 (Second Edition)-Spezifikation (für Desktopbrowser) eingeführt.

Die folgenden Funktionen wurden implementiert:

  • Ein Großteil der SVG-Dokumentstruktur, Interaktivität (Skriptingereignisse) und Formatierung (inline und durch CSS)
  • Viele Präsentationselemente und ihre entsprechenden Attribute und DOM-Oberflächen, u. a.:
    • grundlegende Formen
    • Füllung, Striche, Marker und Farbe
    • Farbverläufe und Muster
    • Pfade
    • Text

Internet Explorer 9 unterstützt die folgenden Methoden zum Anzeigen von SVG-Markup:

  • SVG-Fragmente in HTML5-Einbettung ohne Verwendung eines fremden Objekts (d. h. es wird einfach ein <svg>-Tag in die HTML aufgenommen)
  • SVG als vollständiger Dokumenttyp (mit der Dateierweiterung ".svg")
  • SVG in XML oder XHTML (ähnelt der HTML5-Methode, nur mit XML- oder XHTML-Dateien)
  • SVG als CSS-Bild
  • SVG mit dem object-Element, siehe folgendes Beispiel (beachten Sie das type-, height- und width-Attribut):
    
    <object data="rect2.svg" width="100%" height="400px"
        type="image/svg+xml"></object>
    
    
  • SVG mit dem img-, embed-, iframe- oder frame-Element, siehe folgendes Beispiel:
    
    <embed id="Smiley" src="smiley.svg" type="image/svg+xml">
    
    

Inhalt dieses Abschnitts

API-Referenz

Scalable Vector Graphics (SVG)

Beispiele und Lernprogramme

SVG-Koordinatentransformationen
SVG-Animation für Anfänger
SVG-Animation für Fortgeschrittene
SVG-Animation für Experten
Hinzufügen von SVG zu einer Webseite
Zoomen und Schwenken mit SVG
So wird's gemacht: Auswählen zwischen SVG und Canvas
Beispiele für die Verwendung von SVG und Canvas

Demos für die Internet Explorer-Testversion

Atlas zur Europawahl 2004 in Deutschland
So geht's: SVG-Filtereffekte
Real-world Diagrams
SVG Dice
SVG–oids

IEBlog-Beiträge

Bewährte Methoden für die ersten Schritte mit SVG
SVG-Filtereffekte in IE10
Überlegungen zur Verwendung von Canvas und SVG
SVG Open 2011: SVG und das Web
Vergleichen von SVG mit Hardwarebeschleunigung in verschiedenen Browsern mit Santa's Workshop
Weitere Infos zu SVG
Vorbereitung auf SVG Open
Der Weg zu SVG 2.0: Ein persönlicher Bericht der SVG-Arbeitsgruppe
Roadmap für SVG in IE9

Spezifikation

Scalable Vector Graphics (SVG) 1.1 (Second Edition)

Verwandte Themen

So wird's gemacht: Schreiben eines BrikBloc-Games mit HTML5-SVG und dem canvas-Element

 

 

Anzeigen:
© 2014 Microsoft