blob: 57af0fdbc366e7bc2a8d6f7b93eac71fd898be90 (
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
49
|
---
title: Графіка для Web
slug: Web/Guide/Графіка
tags:
- 2D
- 3D
- Canvas
- HTML5
- SVG
- WebGL
- WebRTC
- Веб
- Графіка
translation_of: Web/Guide/Graphics
---
<p><span class="seoSummary">Сучасним сайтам і веб-додаткам потрібне відображення графіки.</span> Статичні зображення легко зобразити використовуючи елемент {{HTMLElement("img")}}, чи налаштувати фон HTML елементів використовуючи властивість {{cssxref("background-image")}}. Ви також можете конструювати графіку на льоту, або модифікувати її після. <span class="seoSummary">В статтях далі сказано як це можна зробити.</span></p>
<div class="row topicpage-table">
<div class="section">
<h2 class="Documentation" id="2D_Графіка">2D Графіка</h2>
<dl>
<dt><a href="/en-US/docs/HTML/Canvas">Canvas</a></dt>
<dd>Елемент {{HTMLElement("canvas")}} надає зручні API для малювання 2D графіки використовуючи JavaScript.</dd>
<dt><a href="/en-US/docs/Web/SVG">SVG</a></dt>
<dd>Scalable Vector Graphics (SVG) дозволяє використовувати лінії, криві, та інші геометричні фігури для рендерингу графіки. З векторів, ви можете створювати зображення які не втрачають якості при маштабуванні.</dd>
</dl>
<p><span class="alllinks"><a href="/en-US/docs/tag/Graphics">Переглянути все...</a></span></p>
</div>
<div class="section">
<h2 class="Documentation" id="3D_Графіка">3D Графіка</h2>
<dl>
<dt><a href="/en-US/docs/Web/WebGL">WebGL</a></dt>
<dd>Посібник для початку роботи з WebGL, API для роботи з 3D графікою в веб. Ця технологія дає вам можливість використовувати стандартний OpenGL ES в Web контенті.</dd>
</dl>
<h2 id="Відео">Відео</h2>
<dl>
<dt><a href="/en-US/docs/Web/Guide/HTML/Using_HTML5_audio_and_video">Використання HTML5 аудіо і відео</a></dt>
<dd>Вбудовування відео і/або аудіо в веб-сторінки і керування відтворенням.</dd>
<dt><a href="/en-US/docs/WebRTC">WebRTC</a></dt>
<dd>RTC в WebRTC означає Real-Time Communications (комунікація в реальному часі), технологія яка дозволяє передавати потокове аудіо/відео і дані між кліентами браузера (пірами).</dd>
</dl>
</div>
</div>
|
