VML : 5 - Groupes et Coordonnées Locales |
Comment grouper des éléments VML |
| |
 | Petite pause dans la découverte des sous éléments du VML, nous allons aborder ici deux notions importantes : les Groupes et Système de Coordonnées Locales. |
Présentation :
Suite aux précédents tutoriaux portant sur les premières notions du VML et en vue des prochains portant sur les interactions avec JavaScript, nous devons aborder ici deux notions très importantes de ce langage.
Effectivement, le VML permet de dessiner aisément au sein d'un document HTML, mais, ceux qui ont essayé ont dû s'en rendre compte, le placement de différents éléments devient vite un casse-tête.
C'est ici qu'intervient la mise en place de Groupes et de Système de Coordonnées Locales.
Décomposition de l'article :
Présentation
Explications
Dans cette partie, nous aborderons la notion de Groupes et de Système de Coordonnées locales.
Exemples
Nous verrons ici quelques exemples de mises en place d'un groupe et d'un système de coordonnées locales.
Conclusion
Un peu de nomenclature :
Le VML étant un langage fait de balises, la fermeture de l'une d'elles peut s'écrire de 2 façons différentes :
| |
|
<v:line from="0,0" to="70,0"></v:line>
|
|
<v:line from="0,0" to="70,0" />
|
|
La première notation est généralement utilisée pour la déclaration d'éléments alors que la deuxième l'est généralement pour les sous éléments.
Effectivement, un sous élément devant être inclus dans un élément, cela ne pourrait se faire si ce dernier utilisait la deuxième notation. Exemple :
| |
|
<v:line from="0,0" to="70,0">
<v:stroke on="True" color="#9094C9" />
</v:line>
|
|
Prérequis :
Internet Explorer 5.0+
Toute page incluant du VML doit avoir la structure suivante pour être interprétée :
<html xmlns:v="urn:schemas-microsoft-com:vml">
<head>
<title>VML : Groupes et Coordonnées Locales</title>
<style>
v\:* {behavior:url(#default#VML);}
</style>
</head>
<body>
</body>
</html>
Avec ce fichier en main, vous voici fin prêt pour continuer le VML.
Bon Dev ...
|
|
