Der Inhalt dieser Seite wurde von der Community übersetzt, jedoch wird er nicht mehr aktiv gepflegt und kann daher veraltet sein. Wenn du mithelfen möchtest, kannst du hier herausfinden wie deaktivierte Übersetzung reaktiviert werden.

Grafiken im Internet

2D-Grafiken

Moderne Websites und Webanwendungen müssen oft Grafiken darstellen. Statische Bilder können leicht mit einem <img>-Element oder als Hintergrund eines Elements mit der background-image Eigenschaft angezeigt werden. Oft will man aber Grafiken auf die Schnelle erzeugen oder Bilder im Nachhinein manipulieren. Diese Artikel bieten einen Einblick, wie das erreicht werden kann.

Canvas
Das <canvas>-Element bietet APIs zum Zeichnen von 2D-Grafiken mithilfe von JavaScript.
SVG
Mit skalierbaren Vektorgraphiken (SVG) kannst du Linien, Kurven und andere geometrische Figuren anzeigen. Durch Vermeidung von Pixelgrafiken sind diese in jeder Größe gestochen scharf.

3D-Grafiken

WebGL
Eine Anleitung für den Einstieg in WebGL, die API für 3D-Grafiken im Internet. Mit dieser Technologie kannst du Standard OpenGL ES in Webinhalten nutzen.

Video

HTML5 Audio und Video
Videos in HTML-Dokumente einbetten und die Wiedergabe kontrollieren.
WebRTC
Das RTC aus WebRTC steht für "Real-Time Communications", eine Technologie zum Streamen von Audio, Video und anderen Daten zwischen Browser-Clients (Peers).