Gyakran használunk különféle grafikákat a weboldalakon, illetve alkalmazásokban. Statikus képek megjelenítésére egyszerűen használható az <img>
elem, vagy az adott képet beállíthatjuk egy HTML elem hátterének is a background-image
tulajdonság segítségével. Ugyanakkor JavaScript használatával bármikor készíthető új kép, vagy manipulálható egy meglévő. Az alábbi útmutatók segítséget nyújtanak a különféle grafikák használatában.
2D Grafika
- Canvas
- A
<canvas>
elemre API-n keresztül 2D-s grafikák rajzolhatók JavaScript használatával. - SVG
- A Scalable Vector Graphics (SVG) vonalak, görbék és más geometriai alakzatok használatával rajzolja ki a kívánt képet. A vektorok használatával olyan képek készíthetők, amelyek bármilyen méretre nagyíthatóak minőségvesztés és torzulás nélkül.
3D Grafika
- WebGL
- Útmutató a WebGL használatához, a webes 3D grafikus API-hoz. Ez a technológia lehetővé teszi a szabványos OpenGL ES használatát a webes tartalomban.
Videó
- HTML5 audió és videó használata
- Videó és / vagy hang beágyazása egy weboldalra és a lejátszás vezérlése.
- WebRTC
- A WebRTC elnevezésben az RTC a "Real-Time Communications" rövidítése. Ez a technológia teszi lehetővé az audio / video streamelést, valamint az adatok megosztását a böngészőkliensek (peerek) között.