mozilla

Revision 434721 of Graphismes sur le Web

  • Raccourci de la révision : Web/Guide/Graphics
  • Titre de la révision : Graphismes sur le Web
  • ID de la révision : 434721
  • Créé :
  • Créateur : Goofy
  • Version actuelle ? Oui
  • Commentaire typo & grammar fix

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éalisé à 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 veut réaliser des graphismes à la volée, ou manipuler des images après cou, 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 permettront 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 matricielles, elles permettent de faire des images redimensionnables sans limite.Tout lire...

Graphismes 3D

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éalisé à 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 veut réaliser des graphismes à la volée, ou manipuler des images après cou, 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 permettront 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/Web/Guide/Graphics/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 matricielles, 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 3D</h2>
    <dl>
      <dt>
        <a href="/fr/docs/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