Vector Markup Language: differenze tra le versioni

Versione delle 09:33, 5 feb 2010

Versione delle 01:31, 20 feb 2010

Riga 10:

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’sul Web ==

Il linguaggio VML può integrarsi sia direttamente nel codice [[HTML]], sia tramite l’elementol'elemento <code>v:vmlframe</code> legato ad un o più file XML. Questo elemento permette di sistemare le grafica vettoriali in modo analogo alle immagini bitmap. L’utilizzazioneL'utilizzazione degli attributi <code>width</code> e <code>height</code> permettendo d’ingrandired'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 <code>v:fill</code> 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’extrusionL'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.

Riga 29:

</html>

</source><br>

----

<hr>

Le regole CSS sono utilizzate per i posizionamenti, la formattazione del testo, le dimensioni e i filtri quando essi possono essere applicati.<br>

La creazione di oggetti “modello” e la loro duplicazione si effettua tramite l’elementol'elemento <code>v:shapetype</code> per ogni forma vettoriale, e l’elementol'elemento <code>v:vmlframe</code> per i gruppi di oggetti vettoriali.<br><br>

Qui sotto: Esempio più complesso di combinazioni di elementi ed attributi propri a VML dentro il codice HTML.<br>

Una <font color=red>'''forma'''</font> definita da un file XML esterna è introdotta da l’elementol'elemento vmlframe su il quale un filtro e applicato. <br>

Altre <font color=#60CC00>''' forme periferiche'''</font> sono calcate su una <font color=green>'''shapetype'''</font>.

Ogni forma discendente di questa ultima può anche prendere i suoi propri attributi distinti del modello. L'<font color=#9F3300>''' insieme'''</font> raggruppato da l’elementol'elemento '''v:group''' viene a suo tempo riprodotto da una nuova "<font color=fuchsia>'''vmlframe'''</font>".<br>

Queste proprietà permettono delle composizioni vettoriali molto ricche utilizzando poche scritture.<br>

<table border=1 style="background-color:#A1C1CF;font-size:12px;width:690px">

<tr><td>

[[Image:VMLfireball.jpg|306px|thumb|right|Illustrazione di esempi: [http://www.web-vector-image.net/fireball.htm VML COLORED FIREBALL]]]

<span style="background-color:aqua"><b>'''&nbsp;File HTML&nbsp;</b>'''</span>

<br><br>

&lt;<font color=#9933A3><b>'''html</b>'''</font> xmlns:v&gt;<br><br>

&lt;<font color=#9933A3><b>'''style</b>'''</font>&gt;<br>

v\:*<font color=#d65700>{behavior:url(#default#VML);position:absolute}</font><br>

v\:shape<font color=#d65700>{width:10000;height:10000}</font><br>

v\:group<font color=#d65700>{width:1000;height:1000}</font><br>

&lt;<font color=#9933A3><b>'''/style</b>'''</font>&gt;<br><br>

&lt;<font color=#9933A3><b>'''body</b>'''</font>&gt;<br><br>

&lt;<font color=#9933A3><b>'''h1</b>'''</font>&gt;VML

COLORED FIREBALL&lt;<font color=#9933A3><b>'''/h1</b>'''</font>&gt;<br><br>

&lt;<font color=red><b>'''v</b>'''</font><b>''':shapetype id=</b>'''"<font color=green><b>'''arw</font></b>'''"<b>''' path=</b>'''"

<font color=blue>m,c2,2,4,5,6,11,5,8,3,5,,2,1,2,,1,,e</font>"<b>''' fillcolor=</b>'''"<font color=blue>red</font>"&gt;<br>

&nbsp;&nbsp;&lt;<font color=red><b>'''v</font>:stroke color=</b>'''"<font color=blue>yellow</font>"

<b>'''weight=</b>'''"<font color=blue>4</font>" <b>'''opacity=</b>'''"<font color=blue>.4</font>"/&gt;<br>

&lt;<font color=red><b>'''/v</font>:shapetype</b>'''&gt;<br><br>

&lt;<font color=red><b>v</font>:vmlframe src="<font color=#414141>ball.xml</font><font color=red>#ball</font>"

clip=</b>"<font color=blue>t</font>" <b>'''size=</b>'''"<font color=blue>32,32</font>"<br>

&nbsp;<b>'''style=</b>'''"<font color=blue>top:55;width:580;height:550;background-color:white;filter:blur(Add=1,Strength=140)</font>"/&gt;

<br>

<br>

&lt;<font color=red><b>'''v</font>:group id=</b>'''"<font color=#713300><b>'''gr1</b>'''</font>"

<b>'''style=</b>'''"<font color=blue>left:80;top:25</font>"&gt;

<br>

<br>

&lt;<font color=red><b>'''v</font>:shape type=</b>'''"<font color=green><b>#arw</font>"

style=</b>"<font color=blue>left:65;top:50;width:55000;height:4000</font>"

<b>'''fillcolor=</b>'''"<font color=blue>aqua</font>" <b>'''strokecolor=</b>'''"<font color=blue>lime</font>"/&gt;<br>

&lt;<font color=red><b>'''v</font>:shape type=</b>'''"<font color=green><b>'''#arw</b>'''</font>"

<b>'''style=</b>'''"<font color=blue>left:460;top:80</font>"<b>''' fillcolor=</b>'''"<font color=blue>fuchsia</font>"/&gt;<br>

&lt;<font color=red><b>'''v</font>:shape type=</b>'''"<font color=green><b>'''#arw</b>'''</font>"

<b>'''style=</b>'''"<font color=blue>left:-1900;top:1430;width:5000;height:4000;rotation:50</font>"/&gt;

<br>

<br>

&lt;<font color=red><b>'''/v</font>:group</b>'''&gt;

<br>

<br>

&lt;<font color=red><b>'''v</font>:vmlframe src=</b>'''"<font color=fuchsia><b>'''#gr1</b>'''</font>"<b>''' style=</b>'''"

<font color=blue>left:390;top:140;width:200;height:150</font>"/&gt;

<br>

<br>

&lt;<font color=#9933A3><b>'''/body</b>'''</font>&gt;<br>

&lt;<font color=#9933A3><b>'''/html</b>'''</font>&gt;

</table>

Riga 88:

<table border=1 style="background-color:#A3C7A2;font-size:12px;width:690px">

<tr><td>

<span style="background-color:lime"><b>'''&nbsp;File XML esterna: "<font color=#414141>ball.xml</font>"&nbsp;</b>'''</span>

<br><br>

<font color=#9933A3>&lt;xml <font color=maroon>xmlns:v</font>&gt;

<br>

<br>

&lt;v:group <font color=maroon>id="</font><font color=red><b>'''ball</b>'''</font>" style="<font color=blue>width:2000;height:2000</font>"&gt;

<br>

<br>