Vector Markup Language
Vector Markup Language (VML) è un linguaggio XML aperto, destinato alla creazione di grafica vettoriale elaborate in 2D o 3D (statiche o animate) sulle pagine Web.
Storica
VML è stato sottomesso come proposta standard al W3C nel 1998 per Autodesk, Hewlett- Packard, Macromedia, Microsoft e Visio, ma si trova in concorrenza con il PGML proposto da Adobe systems e Sun Microsystems. Dopo un lungo esame, il W3C decide di abbinare questi due formati, dando luce al formato SVG.
VML è introdotto in Internet Explorer, Microsoft Office e Silverlight. Fa parte della specificazione OOXML, dove viene definito in complemento di DrawingML.
Utilizzo del formato sull’ Web
Il linguaggio VML può integrarsi sia direttamente nel codice HTML, sia tramite l’elemento v:vmlframe legato ad un o più file XML. Questo elemento permette di sistemare le grafica vettoriali in modo analogo alle immagini bitmap. L’utilizzazione degli attributi width e height permettendo d’ingrandire o di ridurre le grafica senza perdita di qualità. Numerosi effetti di filtro sono possibili sulle immagini che possono essere ugualmente messe nel sotto-elemento v:fill e prendere effetto degli attributi di colore e digradati, con utilizzo del canale alpha pour la trasparenza. Esistono tre tipi di digradati da VML : gradient (lineare),
gradientRadial e gradientTitle (con focus variabile). L’extrusion 3D permette la messa in rilievo di ogni elemento VML: gli effetti di luce apportando profondità e realismo alle grafica.
VML è un linguaggio che permette realizzazioni complesse su file di formato XML. VML è maneggiabile con JavaScript o JScript e più comodamente con HTML + TIME per le animazioni.
Google Maps utilizza attualmente VML per il reso vettoriale con Internet Explorer, e SVG per i navigatori che lo sopportano.
Esempi di codice
Il codice VML seguente integrato nel codice HTML mostra una semplice ellisse:
<html xmlns:v>
<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 regole CSS sono utilizzate per i posizionamenti, la formattazione del testo, le dimensioni e i filtri quando essi possono essere applicati.
La creazione di oggetti “modello” e la loro duplicazione si effettua tramite l’elemento v:shapetype per ogni forma vettoriale, e l’elemento v:vmlframe per i gruppi di oggetti vettoriali.
Qui sotto: Esempio più complesso di combinazioni di elementi ed attributi propri a VML dentro il codice HTML.
Una forma definita da un file XML esterna è introdotta da l’elemento vmlframe su il quale un filtro e applicato.
Altre forme periferiche sono calcate su una shapetype.
Ogni forma discendente di questa ultima può anche prendere i suoi propri attributi distinti del modello. L' insieme raggruppato da l’elemento v:group viene a suo tempo riprodotto da una nuova "vmlframe".
Queste proprietà permettono delle composizioni vettoriali molto ricche utilizzando poche scritture.
 File HTML
|
|
File XML esterna: "ball.xml"
|
Editori e logistica
Microsoft Office permette di pubblicare grafica VML senza tuttavia utilizzare integralmente i DOM di VML.
OpenOffice.org permette di creare delle cartelle sostituibili al seguito burocratico di Microsoft con
delle grafica convertite in VML.
Collegamenti esterni
Rapporto e dimostrazioni
- (EN) Paragone VML/SVG
- (EN) Esempi basici.
- (FR) Altri esempi notevoli.
- (FR) Grafica animate VML + Javascript.
