Introduction à SVG créer des graphiques vectoriels

SVG est un langage permettant de décrire des graphiques vectoriels en deux dimensions dans XML.

Somaire

Créer des graphiques avec svg en html5


HTML5 cours tutorial SVG

Ce que vous devez déjà savoir
Avant de poursuivre commencer à apprendre SVG, vous devriez avoir quelques notions de ce qui suit :
HTML
XML base
Si vous souhaitez étudier ces sujets tout d'abord, trouver les tutoriaux sur notre page d'accueil.


Qu'est-ce que SVG ?

SVG est l'acronyme de Scalable Vector Graphics
SVG est utilisé pour définir des graphiques vectoriels pour le Web
SVG définit le graphique au format XML
Les graphiques SVG ne perdent pas de qualité si elles sont zoomées ou redimensionnés
Chaque élément et chaque attribut dans les fichiers SVG peuvent être animés
SVG est une recommandation W3C
SVG s'intègre aux autres normes W3C tels que le DOM et le XSL


SVG est une recommandation W3C

SVG 1.0 est devenue une recommandation W3C le 4 septembre 2001.
SVG 1.1 est devenue une recommandation W3C le 14 janvier 2003.
SVG 1.1 (seconde édition) est devenue une recommandation W3C le 16 août 2011.


Avantages du SVG

Les avantages d'utiliser SVG sur d’autres formats d'image (type JPEG et GIF) sont :
Les images SVG peuvent être créés et modifiés avec n'importe quel éditeur de texte
Les images SVG peuvent être cherchées, indexées, scénarisées et compressées
Les images SVG peuvent être imprimées avec la qualité haute définition
Les images SVG sont zoomables (et l'image peut être agrandie sans dégradation de sa qualité)
SVG est un standard ouvert
Les fichiers SVG sont pure XML
Le principal concurrent de SVG est Flash.
Le plus grand avantage que SVG a sur Flash est le respect des normes (par exemple XSL et le DOM). Flash s'appuie sur une technologie brevetée qui n'est pas open source.


Affichage des fichiers SVG

Firefox, Internet Explorer 9, Google Chrome, Opera et Safari prennent en charge le SVG.
IE8 a besoin d'un plug-in qui est disponible gratuitement, comme Adobe SVG Viewer.


Création de fichiers SVG

Puisque SVG sont des fichiers XML, les images SVG peuvent être créés avec n'importe quel éditeur de texte, mais il est souvent plus pratique pour créer des images SVG d’utiliser un logiciel de dessin spécialisé en SVG, comme Inkscape.

chapitre précédent

sommaire

chapitre suivant

Par carabde 20 Avril 2014

  • Trafic Booster
    hebergement web

    SCREEBER - Logiciel de copywriting

    SCREEBER - Logiciel de copywriting Augmentez vos résultats en rejoignant les 1600 entrepreneurs qui utilisent Screeber®, le seul logiciel de Copywriting (en français) qui rédige avec vous des textes de vente qui convertissent


    HTML5, CSS3, JavaScript pour débutants Tome 1
    HTML5, CSS3, JavaScript
    pour débutants Tome 1

    Premier tome d'une série vidéo dédiée à l'apprentissage des langages HTML, CSS et JavaScript.

    Regarder aussi nos cours :

    localeconv

    Lit la configuration locale

    Objet string javascript

    Objet string javascript : L'objet String (ou chaîne de caractères) est employé pour manoeuvrer un texte ou une partie d’un texte.

    PHP Upload de fichier

    PHP Upload de fichier



    Rentabilisez efficacement votre site