Moderne Websites und Web-Anwendungen müssen oft Graphiken darstellen. Statische Bilder können leicht mit einem {{HTMLElement("img")}}-Element oder als Hintergrund eines Elements mit der {{cssxref("background-image")}} Eigenschaft angezeigt werden. Oft will man aber Graphiken auf die Schnelle erzeugen oder Bilder im Nachhinein manipulieren. Diese Artikel bieten einen Einblick, wie das erreicht werden kann.
2D Graphiken
- Canvas
- Das {{HTMLElement("canvas")}}-Element bietet APIs zum Zeichnen von 2D Graphiken mithilfe von Javascript.
- SVG
- Mit skalierbaren Vektorgraphiken (SVG) kannst du Linien, Kurven und andere geometrische Figuren anzeigen. Durch Vermeidung von Pixelgraphiken sind diese in jeder Größe gestochen scharf.
3D Graphiken
- WebGL
- Eine Anleitung für den Einstieg in WebGL, die API für 3D Graphiken 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).