Informations
Le sujet que vous avez demandé est indiqué ci-dessous. Toutefois, ce sujet ne figure pas dans la bibliothèque.

SVG

Le langage SVG (Scalable Vector Graphics), une recommandation W3C, permet de décrire des graphiques en deux dimensions en XML. SVG prend en compte trois types d’objets graphiques : des formes de graphiques vectoriels (par exemple, des tracés composés de lignes droites et de courbes), des images et du texte. Il est possible de regrouper des objets graphiques (ainsi que du texte), de leur appliquer un style, de les transformer et de les combiner avec des objets précédemment générés. Le jeu de fonctionnalités SVG inclut des transformations imbriquées, des tracés de détourage, des masques alpha et des objets modèles.

Les dessins SVG peuvent être interactifs et dynamiques. Par exemple, vous pouvez définir et déclencher des animations à l’aide de scripts.

Des applications complexes de SVG sont possibles grâce aux scripts, qui permettent d’accéder au modèle d’objet de document (DOM) de SVG et d’offrir un accès complet à tous les éléments, attributs et propriétés. Vous pouvez attribuer à n’importe quel objet graphique SVG un grand nombre de gestionnaires d’événements performants.

En raison de la compatibilité de SVG et de l’exploitation d’autres normes Web, des fonctionnalités comme les scripts peuvent être utilisées simultanément sur des éléments XHTML et SVG au sein d’une même page Web.

La liste suivante de rubriques, qui s’étendra au fil du temps, présente les fonctionnalités clés de SVG.

Dans cette section

RubriqueDescription

Transformations de coordonnées SVG

Cette rubrique aborde les transformations de coordonnées SVG associées à la méthode getScreenCTM().

Animation SVG de base

Cette rubrique aborde l’animation SVG de base et constitue un élément préalable requis pour l’animation SVG de niveau intermédiaire. Vous devez disposer de connaissances élémentaires de HTML et de JavaScript. Prévoyez de consacrer environ une heure d’étude pour comprendre parfaitement le contenu de cette rubrique.

Animation SVG de niveau intermédiaire

Cette rubrique présente les techniques d’animation SVG de niveau intermédiaire et reprend là où la rubrique Animation SVG de base s’était arrêtée. Prévoyez de consacrer environ une heure pour comprendre parfaitement les concepts abordés dans cette rubrique.

Animation SVG avancée

Cette rubrique décrit des concepts plus avancés de création d’une animation SVG pour votre site. Avant d’entamer ce didacticiel, assurez-vous que vous maîtrisez bien l’animation SVG de base et l’animation SVG de niveau intermédiaire et avez des connaissances HTML et JavaScript solides.

Ajout de SVG à une page Web

Cette rubrique présente des méthodes courantes permettant d’afficher SVG dans votre page Web, en partant du principe que vous disposez des connaissances de base des langages HTML et JavaScript.

Comment faire un zoom et un panoramique avec SVG

Cette rubrique explique comment utiliser SVG (Scalable Vector Graphics) pour faire des zooms et des panoramiques, et conclut avec un exemple d’organigramme complexe sur lequel les zooms et panoramiques sont possibles. Vous devez disposer de connaissances élémentaires en HTML et JavaScript, ainsi que d’un accès à un navigateur qui peut afficher SVG inclus dans HTML5, comme Windows Internet Explorer 9 et versions ultérieures.

 

Rubriques connexes

Exemples et didacticiels Internet Explorer 9

 

 

Afficher:
© 2014 Microsoft