Anzeigen von Bildern, Grafiken und Miniaturansichten (HTML)

[ Dieser Artikel richtet sich an Windows 8.x- und Windows Phone 8.x-Entwickler, die Windows-Runtime-Apps schreiben. Wenn Sie für Windows 10 entwickeln, finden Sie weitere Informationen unter neueste Dokumentation ]

Windows Store-Apps mit JavaScript können eine Vielzahl von Bildern und Grafiken anzeigen.

  • Sie können das img-Element verwenden, um eine Bilddatei, z. B. eine JPEG- oder PNG-Datei (Portable Network Graphics), anzuzeigen. Mithilfe von CSS-Formatvorlagen (Cascading Style Sheets) können Sie Hintergründe und Muster aus einer Bilddatei erstellen.

  • Verwenden Sie Miniaturansichten, um grafische Ansichten des Dateisystems für den Benutzer oder für den Fall zu erstellen, dass der Benutzer ausführlichere Informationen zu einer bestimmten Datei oder zu einem bestimmten Ordner anzeigen möchte.

Windows Store-Apps mit JavaScript können auch SVG-Grafiken (Scalable Vector Graphics) rendern und mit dem canvas-Element zeichnen. Zudem können sie mithilfe von CSS-Transformationen und -Übergängen Spezialeffekte erzeugen. Diese Arten von Grafiken werden in einem anderen Abschnitt beschrieben: Verwenden von Grafiken mit Canvas, SVG und CSS3.

In den Themen dieses Abschnitts wird die Verwendung von Bildern und Miniaturansichten beschrieben.

Inhalt dieses Abschnitts

Thema Beschreibung

So wird's gemacht: Auswählen und Anzeigen von Bildern

Beschreibt, wie ein vom Benutzer ausgewähltes Bild mit dem "FileOpenPicker" und Blob-Objekten geladen und angezeigt wird.