blob: 8e47aea0cd119718363895d96673e02c620196fb (
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
|
---
title: Tutoriel SVG
slug: Web/SVG/Tutorial
tags:
- Intermediate
- NeedsContent
- NeedsHelp
- NeedsUpdate
- SVG
- SVG:Tutorial
translation_of: Web/SVG/Tutorial
original_slug: Web/SVG/Tutoriel
---
<p><a href="/fr/docs/Web/SVG">SVG</a>, pour Scalable Vector Graphics (ou encore Graphismes vectoriels redimensionnables), est un langage basé sur le <a href="/fr/docs/Web/XML">XML</a> du W3C qui permet de définir des éléments graphiques avec des balises. Ce langage est plus ou moins implémenté dans Firefox, Opera, les navigateurs à base de Webkit, Internet Explorer et les autres navigateurs Web.</p>
<p>Ce tutoriel a pour but d'expliquer les mécanismes internes de SVG et regorge de détails techniques. Si vous souhaitez juste dessiner de belles images, vous trouverez plus facilement votre bonheur sur la <a href="https://inkscape.org/doc/">page de documentation d'Inkscape</a>. Le W3C fournit également une <a href="https://www.w3.org/Graphics/SVG/IG/resources/svgprimer.html">bonne introduction au format SVG</a>, en anglais.</p>
<div class="note">
<p><strong>Note :</strong> Le tutoriel en est encore à un stade précoce de développement. Si vous le pouvez, aidez-nous en rédigeant un paragraphe ou deux. Des points supplémentaires pour l'écriture d'une page entière !</p>
</div>
<h2 id="Introducing_SVG_from_Scratch">Introduction à « SVG from Scratch »</h2>
<ul>
<li><a href="/fr/docs/Web/SVG/Tutorial/Introduction">Introduction</a></li>
<li><a href="/fr/docs/Web/SVG/Tutorial/Getting_Started">Premiers pas</a></li>
<li><a href="/fr/docs/Web/SVG/Tutorial/Positions">Positionnement</a></li>
<li><a href="/fr/docs/Web/SVG/Tutorial/Basic_Shapes">Formes de base</a></li>
<li><a href="/fr/docs/Web/SVG/Tutorial/Paths">Chemins</a></li>
<li><a href="/fr/docs/Web/SVG/Tutorial/Fills_and_Strokes">Remplissages et contours</a></li>
<li><a href="/fr/docs/Web/SVG/Tutorial/Gradients">Gradients</a></li>
<li><a href="/fr/docs/Web/SVG/Tutorial/Patterns">Motifs</a></li>
<li><a href="/fr/docs/Web/SVG/Tutorial/Texts">Textes</a></li>
<li><a href="/fr/docs/Web/SVG/Tutorial/Basic_Transformations">Transformations de base</a></li>
<li><a href="/fr/docs/Web/SVG/Tutorial/Clipping_and_masking">Découpages et masquages</a></li>
<li><a href="/fr/docs/Web/SVG/Tutorial/Other_content_in_SVG">Autre contenu en SVG</a></li>
<li><a href="/fr/docs/Web/SVG/Tutorial/Filter_effects">Filtres</a></li>
<li><a href="/fr/docs/Web/SVG/Tutorial/SVG_fonts">Polices SVG</a></li>
<li><a href="/fr/docs/Web/SVG/Tutorial/SVG_Image_Tag">SVG: Elément image</a></li>
<li><a href="/fr/docs/Web/SVG/Tutorial/Tools_for_SVG">Outils pour SVG</a></li>
<li><a href="/fr/docs/Web/SVG/Tutorial/SVG_and_CSS">Graphiques SVG</a></li>
</ul>
<p>Les sujets suivants sont plus avancés et devraient donc faire l'objet de leurs propres tutoriels.</p>
|
