blob: 6df79a62728d68002fe9eec28b3c54e3b5686cf0 (
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
|
---
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
---
[SVG](/fr/docs/Web/SVG), pour Scalable Vector Graphics (ou encore Graphismes vectoriels redimensionnables), est un langage basé sur le [XML](/fr/docs/Web/XML) 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.
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 [page de documentation d'Inkscape](https://inkscape.org/doc/). Le W3C fournit également une [bonne introduction au format SVG](https://www.w3.org/Graphics/SVG/IG/resources/svgprimer.html), en anglais.
> **Note :** 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 !
## Introduction à « SVG from Scratch »
- [Introduction](/fr/docs/Web/SVG/Tutorial/Introduction)
- [Premiers pas](/fr/docs/Web/SVG/Tutorial/Getting_Started)
- [Positionnement](/fr/docs/Web/SVG/Tutorial/Positions)
- [Formes de base](/fr/docs/Web/SVG/Tutorial/Basic_Shapes)
- [Chemins](/fr/docs/Web/SVG/Tutorial/Paths)
- [Remplissages et contours](/fr/docs/Web/SVG/Tutorial/Fills_and_Strokes)
- [Gradients](/fr/docs/Web/SVG/Tutorial/Gradients)
- [Motifs](/fr/docs/Web/SVG/Tutorial/Patterns)
- [Textes](/fr/docs/Web/SVG/Tutorial/Texts)
- [Transformations de base](/fr/docs/Web/SVG/Tutorial/Basic_Transformations)
- [Découpages et masquages](/fr/docs/Web/SVG/Tutorial/Clipping_and_masking)
- [Autre contenu en SVG](/fr/docs/Web/SVG/Tutorial/Other_content_in_SVG)
- [Filtres](/fr/docs/Web/SVG/Tutorial/Filter_effects)
- [Polices SVG](/fr/docs/Web/SVG/Tutorial/SVG_fonts)
- [SVG: Elément image](/fr/docs/Web/SVG/Tutorial/SVG_Image_Tag)
- [Outils pour SVG](/fr/docs/Web/SVG/Tutorial/Tools_for_SVG)
- [Graphiques SVG](/fr/docs/Web/SVG/Tutorial/SVG_and_CSS)
Les sujets suivants sont plus avancés et devraient donc faire l'objet de leurs propres tutoriels.
|
