blob: c9c28800697bad5ef138980c9d3e1948fec5f8f0 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
|
---
title: Grafikák az interneten
slug: Web/Guide/Grafika
tags:
- 2D
- 3D
- Canvas
- Grafika
- HTML5
- SVG
- WebGL
- WebRTC
translation_of: Web/Guide/Graphics
---
<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>
|
