VML : 4 - Sous-Elément FILL |
Les différents types de remplissage |
| |
 | Nous étudierons ici les différents types de remplissage mis à notre disposition par le sous-élément fill |
Présentation :
Dans cet article, nous allons étudier le sous-élément FILL.
Il permet de définir le remplissage d'un élément.
Fill étant un sous-élément, il doit obligatoirement être inclus dans un élément ( cf. nomenclature ).
<v:shape coordorigin="0, 0" coordsize="200, 200"
style="position:relative;width:200;height:200;"
path="m 8,65 l 72,65, 92,11, 112,65, 174,65,
122,100, 142,155, 92,121, 42,155, 60,100 x e">
<v:stroke on="false" />
<v:fill on="true"
type="gradientradial" method="none"
color="#9094C9" colors="30% #9094C9, 50% #FFA500, 70% #9094C9"
focus="10%" focusposition="45%, 50%" focussize="10%, 10%" />
</v:shape>
Décomposition de l'article :
Présentation
Indispensable
Cette partie donne quelques informations concernant l'utilisation de fill.
Type
Cette partie nous montre les différents types de remplissage.
Solid
Cette partie liste les différents attributs d'un remplissage de type Solid.
Dégradés
Cette partie liste les différents attributs d'un remplissage de type Gradient - GradientRadial.
Images
Cette partie liste les différents attributs d'un remplissage de type Tile - Pattern - Frame.
FillControl
Ce générateur de VML vous permettra de tester les multiples combinaisons possibles entre tous les attributs de fill.
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 : Fill</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 ...
|
|
