Graphismes sur le Web

  • Raccourci de la révision : Web/Guide/Graphics
  • Titre de la révision : Graphics on the Web
  • ID de la révision : 416155
  • Créé :
  • Créateur : darnuria
  • Version actuelle ? Non
  • Commentaire

Contenu de la révision

Les applications et sites Web modernes, ont souvent besoin de présenter des graphismes de qualité. Tandis qu'afficher de simples images statiques peut être aisément réaliser à l'aide de la balise <img>, ou en réglant l'arrière-plan des éléments HTML avec la propriété CSS : background-image.

Mais lorsque l'on veux réaliser des graphismes à la volée, ou manipuler des images après coup. Ou encore utiliser de la 3D, les méthodes habituelles ne suffisent plus, cependant avec HTML5, il est possible de réaliser ce type de graphismes plus évolués.

Les articles ci dessous vous permettrons de vous familiariser avec ces technologies.

Graphismes 2D

Dessiner avec les canvas
Un guide d'introduction pour utiliser l'élément pour dessiner en 2D.
SVG
Scalable Vector Graphics (SVG) vous permet d'utiliser des lignes, courbes et  d'autres figures géométriques pour dessiner. Les images SVG n'étant pas des images matriciel, elles permettent de faire des images redimensionnables sans limite.Tout lire...

Graphismes 3

WebGL
Un guide pour débuter avec WebGL l'API  graphique 3D, pour le Web. Cette technologie vous permettra d'utiliser le standard OpenGL ES pour du contenu Web.

 

Source de la révision

<p>Les applications et sites Web modernes, ont souvent besoin de présenter des graphismes de qualité. Tandis qu'afficher de simples images statiques peut être aisément réaliser à l'aide de la balise <a href="/fr/docs/Web/HTML/Element/img"><code>&lt;img&gt;</code></a>, ou en réglant l'arrière-plan des éléments HTML avec la propriété CSS : <a href="/fr/docs/CSS/background-image"><code>background-image</code></a>.</p>
<p>Mais lorsque l'on veux réaliser des graphismes à la volée, ou manipuler des images après coup. Ou encore utiliser de la 3D, les méthodes habituelles ne suffisent plus, cependant avec HTML5, il est possible de réaliser ce type de graphismes plus évolués.</p>
<p>Les articles ci dessous vous permettrons de vous familiariser avec ces technologies.</p>
<div class="row topicpage-table">
  <div class="section">
    <h2 class="Documentation" id="Docs_for_add-on_developers" name="Docs_for_add-on_developers">Graphismes 2D</h2>
    <dl>
      <dt>
        <a href="/fr/docs/Dessiner_avec_canvas">Dessiner avec les canvas</a></dt>
      <dd>
        Un guide d'introduction pour utiliser l'élément pour dessiner en 2D.</dd>
      <dt>
        <a href="/fr/docs/SVG">SVG</a></dt>
      <dd>
        Scalable Vector Graphics (SVG) vous permet d'utiliser des lignes, courbes et&nbsp; d'autres figures géométriques pour dessiner. Les images SVG n'étant pas des images matriciel, elles permettent de faire des images redimensionnables sans limite.<span class="alllinks"><a href="/fr/docs/tag/Graphics">Tout lire...</a></span></dd>
    </dl>
  </div>
  <div class="section">
    <h2 class="Documentation" id="Docs_for_add-on_developers" name="Docs_for_add-on_developers">Graphismes 3</h2>
    <dl>
      <dt>
        <a href="/fr/docs/Web/WebGL">WebGL</a></dt>
      <dd>
        Un guide pour débuter avec WebGL l'API&nbsp; graphique 3D, pour le Web. Cette technologie vous permettra d'utiliser le standard OpenGL ES pour du contenu Web.</dd>
    </dl>
  </div>
</div>
<p>&nbsp;</p>
Revenir à cette révision