---
title: Grafikák az interneten
slug: Web/Guide/Graphics
tags:
  - 2D
  - 3D
  - Canvas
  - Grafika
  - HTML5
  - SVG
  - WebGL
  - WebRTC
translation_of: Web/Guide/Graphics
original_slug: Web/Guide/Grafika
---
<p><span class="seoSummary">Gyakran használunk különféle grafikákat a weboldalakon, illetve alkalmazásokban.</span> Statikus képek megjelenítésére egyszerűen használható az {{HTMLElement("img")}} elem, vagy az adott képet beállíthatjuk egy HTML elem hátterének is a {{cssxref("background-image")}} tulajdonság segítségével. Ugyanakkor <a href="/en-US/docs/Web/JavaScript">JavaScript</a> 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.</p>

<div class="row topicpage-table">
<div class="section">
<h2 class="Documentation" id="2D_Grafika">2D Grafika</h2>

<dl>
 <dt><a href="/hu/docs/HTML/Canvas">Canvas</a></dt>
 <dd>A {{HTMLElement("canvas")}} elemre API-n keresztül 2D-s grafikák rajzolhatók JavaScript használatával.</dd>
 <dt><a href="/hu/docs/Web/SVG">SVG</a></dt>
 <dd>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.</dd>
</dl>

<p><span class="alllinks"><a href="/en-US/docs/tag/Graphics">Összes megtekintése...</a></span></p>
</div>

<div class="section">
<h2 class="Documentation" id="3D_Grafika">3D Grafika</h2>

<dl>
 <dt><a href="/hu/docs/Web/WebGL">WebGL</a></dt>
 <dd>Ú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.</dd>
</dl>

<h2 id="Videó">Videó</h2>

<dl>
 <dt><a href="/hu/docs/Web/Guide/HTML/Using_HTML5_audio_and_video">HTML5 audió és videó használata</a></dt>
 <dd>Videó és / vagy hang beágyazása egy weboldalra és a lejátszás vezérlése.</dd>
 <dt><a href="/hu/docs/WebRTC">WebRTC</a></dt>
 <dd>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.</dd>
</dl>
</div>
</div>