Mozilla.com

  1. MDC
  2. Accueil
  3. SVG
  4. Tutoriel
  5. Introduction


Ce tutoriel vous apprendra à créer des graphismes vectoriels 2D pour le Web en utilisant SVG. SVG fournit trois types d'éléments graphiques : les formes vectorielles (rectangles, cercles et chemins par exemple), les images matricielles (ou raster en anglais) et le texte.

Les bons outils

Il y a un certain nombre de logiciels de dessin disponibles, et certains comme Inkscape, sont libres et gratuits, et utilisent SVG comme format natif. Néanmoins, ce tutoriel se basera sur le XML et un simple éditeur de texte. Le but est d'enseigner les mécanismes de SVG à ceux qui veulent les comprendre, et la meilleure façon de le faire est de mettre les mains dans le cambouis avec un peu de balisage.

Avant de commencer, vous devez avoir une compréhension basique du XML ou d'un autre langage de balisage comme le HTML. Si vous n'êtes pas à l'aise avec le XML, voici quelques règles à garder en-tête :

  • Les éléments et attributs SVG sont sensibles à la casse (contrairement au HTML et doivent donc tous être entrés avec la casse indiquée ici).
  • Les valeurs des attributs en SVG doivent être placées entre guillemets même si ce sont des nombres.

La spécification du langage SVG (en) est énorme. Ce tutoriel a pour but d'en traiter juste assez pour pouvoir commencer. Une fois que vous serez à l'aise avec les bases du SVG, vous devriez être capables d'utiliser les références d'éléments et les références d'interfaces pour découvrir tout ce dont vous aurez besoin de connaître.

Languages

Page modifiée à 08:31, 7 Avr 2007 par Fredchat

Tags:

Fichiers (0)