Vector Markup Language: differenze tra le versioni

Versione delle 16:24, 6 apr 2010

Versione delle 10:43, 4 giu 2010

Riga 32:

La creazione di oggetti “modello” e la loro duplicazione si effettua tramite l'elemento <code>v:shapetype</code> per ogni forma vettoriale, e l'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 <fontspan colorstyle="color:red">'''forma'''</fontspan> definita da un file XML esterna è introdotta da l'elemento vmlframe su il quale un filtro e applicato. <br>

Altre <fontspan colorstyle="color:#60CC00">''' forme periferiche'''</fontspan> sono calcate su una <fontspan colorstyle="color:green">'''shapetype'''</fontspan>.

Ogni forma discendente di questa ultima può anche prendere i suoi propri attributi distinti del modello. L'<fontspan colorstyle="color:#9F3300">''' insieme'''</fontspan> raggruppato da l'elemento '''v:group''' viene a suo tempo riprodotto da una nuova "<fontspan colorstyle="color:fuchsia">'''vmlframe'''</fontspan>".<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">

Riga 41:

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

<br><br>

&lt;<fontspan colorstyle="color:#9933A3">'''html'''</fontspan> xmlns:v&gt;<br><br>

&lt;<fontspan colorstyle="color:#9933A3">'''style'''</fontspan>&gt;<br>

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

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

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

&lt;<fontspan colorstyle="color:#9933A3">'''/style'''</fontspan>&gt;<br><br>

&lt;<fontspan colorstyle="color:#9933A3">'''body'''</fontspan>&gt;<br><br>

&lt;<fontspan colorstyle="color:#9933A3">'''h1'''</fontspan>&gt;VML

COLORED FIREBALL&lt;<fontspan colorstyle="color:#9933A3">'''/h1'''</fontspan>&gt;<br><br>

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

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

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

'''weight='''"<fontspan colorstyle="color:blue">4</fontspan>" '''opacity='''"<fontspan colorstyle="color:blue">.4</fontspan>"/&gt;<br>

&lt;<fontspan colorstyle="color:red">'''/v</fontspan>:shapetype'''&gt;<br><br>

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

clip=</b>"<fontspan colorstyle="color:blue">t</fontspan>" '''size='''"<fontspan colorstyle="color:blue">32,32</fontspan>"<br>

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

<br>

<br>

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

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

<br>

<br>

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

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

'''fillcolor='''"<fontspan colorstyle="color:blue">aqua</fontspan>" '''strokecolor='''"<fontspan colorstyle="color:blue">lime</fontspan>"/&gt;<br>

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

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

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

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

<br>

<br>

&lt;<fontspan colorstyle="color:red">'''/v</fontspan>:group'''&gt;

<br>

<br>

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

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

<br>

<br>

&lt;<fontspan colorstyle="color:#9933A3">'''/body'''</fontspan>&gt;<br>

&lt;<fontspan colorstyle="color:#9933A3">'''/html'''</fontspan>&gt;

</table>

Riga 87:

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

<tr><td>

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

<br><br>

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

<br>

<br>

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

<br>

<br>

&lt;v:shape <fontspan colorstyle="color:maroon">style</fontspan>="<fontspan colorstyle="color:blue">left:4;top:1</fontspan>"

<fontspan colorstyle="color:maroon">path</fontspan>="<fontspan colorstyle="color:blue">m9,1l9,r1,2l11,1r,2l12,2v,4,,7,-7,6l6,7,4,6r1,c6,6,6,5,3,4r1,l,2r3,l2,1r3,l4,xnse</fontspan>"&gt;

<br>

&nbsp;&lt;v:fill <fontspan colorstyle="color:maroon">color</fontspan>="<fontspan colorstyle="color:blue">red</fontspan>"

<fontspan colorstyle="color:maroon">color2</fontspan>="<fontspan colorstyle="color:blue">yellow</fontspan>"

<fontspan colorstyle="color:maroon">focusposition</fontspan>="<fontspan colorstyle="color:blue">.99,.8</fontspan>"

<fontspan colorstyle="color:maroon">focussize</fontspan>="<fontspan colorstyle="color:blue">.01,.01</fontspan>"

<fontspan colorstyle="color:maroon">type</fontspan>="<fontspan colorstyle="color:blue">gradientTitle</fontspan>"/&gt;<br>

&nbsp;&lt;v:shadow

<fontspan colorstyle="color:maroon">on</fontspan>="<fontspan colorstyle="color:blue">t</fontspan>"

<fontspan colorstyle="color:maroon">type</fontspan>="<fontspan colorstyle="color:blue">double</fontspan>"

<fontspan colorstyle="color:maroon">color</fontspan>="<fontspan colorstyle="color:blue">fuchsia</fontspan>"

<fontspan colorstyle="color:maroon">color2</fontspan>="<fontspan colorstyle="color:blue">yellow</fontspan>"

<fontspan colorstyle="color:maroon">opacity</fontspan>="<fontspan colorstyle="color:blue">.4</fontspan>"

<fontspan colorstyle="color:maroon">offset</fontspan>="<fontspan colorstyle="color:blue">-1pt,-.5pt</fontspan>"

<fontspan colorstyle="color:maroon">offset2</fontspan>="<fontspan colorstyle="color:blue">-2pt</fontspan>"/&gt;<br>

&lt;/v:shape&gt;<br>

&lt;/v:group&gt;<br>