---
title: Gràfics en la Web
slug: Web/Guide/Graphics
tags:
  - 2D
  - 3D
  - Canvas
  - Graphics
  - HTML5
  - SVG
  - Web
  - WebGL
  - WebRTC
translation_of: Web/Guide/Graphics
original_slug: Web/Guide/Gràfics
---
<p>Els llocs web i les aplicacions sovint necessiten presentar gràfics. Les imatges estàtiques poden visualitzar-se fàcilment usant l'element {{HTMLElement("img")}} o configurant el fons dels elements HTML  utilitzant la propietat {{cssxref("background-image")}}. També podeu construir gràfics sobre la marxa o manipular imatges després de fetes. Aquests articles proporcionen informació sobre com podeu aconseguir-ho.</p>

<div class="row topicpage-table">
<div class="section">
<h2 class="Documentation" id="Gràfics_2D">Gràfics 2D</h2>

<dl>
 <dt><a href="/en-US/docs/HTML/Canvas">Canvas</a></dt>
 <dd>L'element {{HTMLElement("canvas")}} <span id="result_box" lang="ca"><span>proporciona APIs per dibuixar gràfics 2D utilitzant JavaScript.</span></span></dd>
 <dt><a href="/en-US/docs/Web/SVG">SVG</a></dt>
 <dd>Els Gràfics Vectorials Escalables (SVG) permeten utilitzar línies, corbes i altres formes geomètriques per representar gràfics. Amb vectors, podeu crear imatges que s'escalen netament a qualsevol grandària.</dd>
</dl>

<p><span class="alllinks"><a href="/en-US/docs/tag/Graphics">Veure Tot...</a></span></p>
</div>

<div class="section">
<h2 class="Documentation" id="Gràfics_3D">Gràfics 3D</h2>

<dl>
 <dt><a href="/en-US/docs/Web/WebGL">WebGL</a></dt>
 <dd>Una guia per començar amb WebGL, l'API de gràfics 3D per a la web. Aquesta tecnologia permet utilitzar OpenGL ES estàndard en contingut web.</dd>
</dl>

<h2 id="Vídeo">Vídeo</h2>

<dl>
 <dt><a href="/en-US/docs/Web/Guide/HTML/Using_HTML5_audio_and_video">Ús d'àudio i vídeo HTML5 </a></dt>
 <dd>Incrustar vídeo i/o àudio en una pàgina web i controlar la seva reproducció.</dd>
 <dt><a href="/en-US/docs/WebRTC">WebRTC</a></dt>
 <dd>El RTC en WebRTC significa Comunicacions en Temps Real, tecnologia que permet la transmissió d'àudio/vídeo i l'intercanvi de dades entre clients del navegador (parells).</dd>
</dl>
</div>
</div>