Grafiken im Internet

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.

2D-Grafiken

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.

Alle Themen...

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