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).