Vector Markup Language

Un article de Wikipédia, l'encyclopédie libre.

Logo VML

Vector Markup Language (VML) est un langage XML destiné à la création des graphismes vectoriels élaborés en 2D ou 3D (statiques ou animées) sur les pages Web. Le VML a été soumis comme proposition de standard au World Wide Web Consortium (W3C) en 1998 par Microsoft, Macromedia, Hewlett-Packard et d'autres firmes. Mais il fut mis en marge par un produit concurrent (le PGML) proposé par Adobe Systems et Sun Microsystems.

Les deux standards furent donc fusionnés pour créer un format nouveau: le SVG.

Bien que délaissé par le W3C et sans doute mal connu des développeurs, Microsoft continue de valoriser et améliorer ce format vectoriel d'une richesse technologique incontestable. VML est implémenté dans Internet Explorer et Microsoft Office. Ce format possède des qualités remarquables comme l'intégration directe dans le code HTML, des performances avancées sur de nombreuses fonctionnalités, et surtout une légèreté des fichiers générée par un code simple et souple d'utilisation.

Il semblerait que VML revienne progressivement sur le devant de la scène grâce à quelques fervents adeptes persuadés de sa supériorité.

Google Maps utilise actuellement VML pour le rendu vectoriel avec Internet Explorer, et SVG pour les navigateurs le supportant.

De nombreux sites basés sur des représentations vectorielles VML continuent encore aujourd'hui à garnir la Toile du Web.

Sommaire

[modifier] Exemple de code

Le code VML suivant affiche une simple ellipse: Exemple VML (157 octets)

<html xmlns:v='VML'>
<style>v\:*{behavior:url(#default#VML);position:absolute}</style>
<body>
<v:oval style='left:0;top:0;width:100;height:50' fillcolor='blue' stroked='f'/>
</body>
</html>

Le code SVG équivalent serait: Exemple SVG (240 octets)

<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"  
"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg xmlns="http://www.w3.org/2000/svg" width="100" height="50">
    <ellipse cx="50" cy="25" rx="50" ry="25" fill="blue" stroke="none"/>
</svg>

>>> Ci-dessous une haute performance vectorielle écrite avec du code VML (Internet Explorer requis - Fichier: 33 Ko)

[modifier] Notes et références

[modifier] Liens et démos

[modifier] Tutoriels, didacticiels et éditeurs

Créer un livre