Cette page a été traduite à partir de l'anglais par la communauté.Vous pouvez contribuer en rejoignant la communauté francophone sur MDN Web Docs.
Tutoriel SVG
SVG, pour Scalable Vector Graphics (ou encore Graphismes vectoriels redimensionnables), est un langage basé sur leXML 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 lapage de documentation d'Inkscape. Le W3C fournit également unebonne introduction au format SVG, 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
- Premiers pas
- Positionnement
- Formes de base
- Chemins
- Remplissages et contours
- Gradients
- Motifs
- Textes
- Transformations de base
- Découpages et masquages
- Autre contenu en SVG
- Filtres
- Polices SVG
- SVG: Elément image
- Outils pour SVG
- Graphiques SVG
Les sujets suivants sont plus avancés et devraient donc faire l'objet de leurs propres tutoriels.