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
|
---
title: SVG
slug: Glossary/SVG
tags:
- Débutant
- Encodage
- Glossaire
- Graphismes
- SVG
translation_of: Glossary/SVG
original_slug: Glossaire/SVG
---
<p><em>Scalable Vector Graphics</em> (<strong>SVG</strong>) est un format d'image vectorielle 2D basé sur une syntaxe {{Glossary("XML")}}.</p>
<p>Le {{Glossary("W3C")}} a commencé à travailler sur SVG à la fin des années 90, mais SVG n'est devenu populaire qu'avec la sortie d'{{Glossary("Microsoft Internet Explorer", "Internet Explorer")}} 9, supportant le SVG. Tous les principaux {{Glossary("navigateur","navigateurs")}} le prennent maintenant en charge.</p>
<p>Basé sur une syntaxe {{Glossary("XML")}}, SVG peut être stylé avec {{Glossary("CSS")}} et être rendu interactif grâce à {{Glossary("JavaScript")}}. HTML5 permet à présent d'intégrer directement des {{Glossary("Balise","balises")}} SVG au sein d'un document {{Glossary("HTML")}}.</p>
<p>SVG étant un <a href="http://fr.wikipedia.org/wiki/Image_vectorielle" rel="external">format d'image vectorielle</a>, les images SVG peuvent être redimensionnées à l'infini, ce qui les rend inestimables pour la {{Glossary("Responsive web design","conception web adaptative")}}, car elles permettent de créer des éléments d'interface qui s'adaptent à toutes les tailles d'écran. SVG fournit également un ensemble d'outils, comme du clipping, des masques, des filtres et des animations.</p>
<h2 id="Pour_approfondir">Pour approfondir</h2>
<h3 id="Culture_générale">Culture générale</h3>
<ul>
<li>{{Interwiki("wikipedia", "SVG")}} sur Wikipédia</li>
</ul>
<h3 id="Apprendre_le_SVG">Apprendre le SVG</h3>
<ul>
<li><a href="https://www.w3.org/Graphics/SVG/IG/resources/svgprimer.html">W3.org – SVG Primer</a></li>
</ul>
<h3 id="Informations_techniques">Informations techniques</h3>
<ul>
<li><a href="/fr/docs/Web/SVG">Documentation SVG sur MDN</a></li>
<li><a href="http://www.w3.org/TR/SVG/" rel="external">Dernière spécification SVG</a></li>
</ul>
|
