blob: 8d0e9f4d7d53ecced0f203ae2907285d6c4a86a3 (
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
50
|
---
title: Gráficos na Web
slug: Web/Guide/Graphics
tags:
- 2D
- 3D
- Canvas
- Gráficos(2)
- HTML5
- SVG
- Web
- WebGL
- WebRTC
translation_of: Web/Guide/Graphics
original_slug: Web/Guide/Gráficos
---
<p><span class="seoSummary">Sites modernos da Web e aplicativos frequentemente precisam exibir gráficos.</span> Imagens estáticas podem ser exibidas facilmente usando o elemento {{HTMLElement("img")}} ou configurando o background de elementos HTML usando a propriedade {{cssxref("background-image")}}. Você também pode construir gráficos em tempo real ou manipular imagens depois de criadas. <span class="seoSummary">Esses artigos fornecem conhecimento de como você pode realizar isto.</span></p>
<div class="row topicpage-table">
<div class="section">
<h2 class="Documentation" id="Gráficos_2D">Gráficos 2D</h2>
<dl>
<dt><a href="https://developer.mozilla.org/pt-BR/docs/Web/HTML/Canvas">Canvas</a></dt>
<dd>Um guia introdutório do uso do elemento {{HTMLElement("canvas")}} para desenhar gráficos 2D usando JavaScript.</dd>
<dt><a href="/pt-BR/docs/SVG">SVG</a></dt>
<dd><em>Scalable Vector Graphics</em> (SVG) ou Gráficos de Vetor Escalável permite que você use linhas, curvas e outras formas geométricas para renderizar gráficos. Com vetores, você pode criar imagens que se redimensionam perfeitamente para qualquer tamanho.</dd>
</dl>
<p><span class="alllinks"><a href="https://developer.mozilla.org/en-US/docs/tag/Graphics">Ver todos...</a></span></p>
</div>
<div class="section">
<h2 class="Documentation" id="Gráficos_3D">Gráficos 3D</h2>
<dl>
<dt><a href="https://developer.mozilla.org/pt-BR/docs/Web/WebGL">WebGL</a></dt>
<dd>Um guia para começar com WebGL, a API gráfica 3D para a Web. Esta tecnologia permite que você use o padrão OpenGL ES em conteúdo Web.</dd>
</dl>
<h2 id="Video">Video</h2>
<dl>
<dt><a href="/en-US/docs/Web/Guide/HTML/Using_HTML5_audio_and_video">Usando áudio e vídeo em HTML5</a></dt>
<dd>Embarcando vídeo ou áudio na página web e controlando a reprodução desses elementos.</dd>
<dt><a href="/pt-BR/docs/WebRTC">WebRTC</a></dt>
<dd><span id="result_box" lang="pt"><span>O RTC in WebRTC é um padrão para <em>Real-Time Communications </em>(comunicação em tempo real), tecnologia que permite a</span></span> <span class="short_text" id="result_box" lang="pt"><span>transmissão</span></span> <span lang="pt"><span> de áudio ou vídeo e o compartilhamento de dados entre os clientes de navegadores (<em>peers</em>).</span></span></dd>
</dl>
</div>
</div>
|
