Vector Markup Language: differenze tra le versioni
Contenuto cancellato Contenuto aggiunto
m Bot: Aggiungo template {{interprogetto}} |
m Bot: fix citazione web (v. discussione) |
||
Riga 10:
== Utilizzo del formato sul Web ==
Il linguaggio VML può integrarsi sia direttamente nel codice [[HTML]], sia tramite l'elemento <code>v:vmlframe</code> legato ad un o più file XML. Questo elemento permette di sistemare le immagini vettoriali in modo analogo alle immagini bitmap. L'uso degli attributi <code>width</code> e <code>height</code> permette d'ingrandire o di ridurre le immagini senza perdita di qualità. È possibile applicare numerosi effetti di filtro 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]] per 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.
Riga 40:
Queste proprietà permettono delle composizioni vettoriali molto ricche utilizzando poche scritture.
{| border="1" style="background-color:#A1C1CF;font-size:12px;width:690px"
Riga 47 ⟶ 46:
[[Image:VMLfireball.jpg|upright=1.4|thumb|Illustrazione di esempi: [http://www.web-vector-image.net/fireball.htm VML COLORED FIREBALL]]]
<span style="background-color:aqua">''' File HTML '''</span>
<<span style="color:#9933A3">'''html'''</span> xmlns:v>
<<span style="color:#9933A3">'''style'''</span>><br>▼
v\:
v\:
<<span style="color:#9933A3">'''
<<span style="color:#9933A3">'''h1'''</span>>VML
COLORED FIREBALL<<span style="color:#9933A3">'''/h1'''</span>>
<<span style="color:red">'''v'''</span>''':shapetype id='''"<span style="color:green">'''arw</span>'''"''' path='''"
<span style="color:blue">m,c2,2,4,5,6,11,5,8,3,5,,2,1,2,,1,,e</span>"''' fillcolor='''"<span style="color:blue">red</span>"><br />
<<span style="color:red">'''v</span>:stroke color='''"<span style="color:blue">yellow</span>"
'''weight='''"<span style="color:blue">4</span>" '''opacity='''"<span style="color:blue">.4</span>"/><br />
<<span style="color:red">'''/v</span>:shapetype'''>
<<span style="color:red"><b>v</span>:vmlframe src="<span style="color:#414141">ball.xml</span><span style="color:red">#ball</span>"
clip=</b>"<span style="color:blue">t</span>" '''size='''"<span style="color:blue">32,32</span>"<br />
'''style='''"<span style="color:blue">top:55;width:580;height:550;background-color:white;filter:blur(Add=1,Strength=140)</span>"/>
<br />
<br />
<<span style="color:red">'''v</span>:group id='''"<span style="color:#713300">'''gr1'''</span>"
'''style='''"<span style="color:blue">left:80;top:25</span>">
<br />
<br />
<<span style="color:red">'''v</span>:shape type='''"<span style="color:green"><b>#arw</span>"
style=</b>"<span style="color:blue">left:65;top:50;width:55000;height:4000</span>"
'''fillcolor='''"<span style="color:blue">aqua</span>" '''strokecolor='''"<span style="color:blue">lime</span>"/><br />
<<span style="color:red">'''v</span>:shape type='''"<span style="color:green">'''#arw'''</span>"
'''style='''"<span style="color:blue">left:460;top:80</span>"''' fillcolor='''"<span style="color:blue">fuchsia</span>"/><br />
<<span style="color:red">'''v</span>:shape type='''"<span style="color:green">'''#arw'''</span>"
'''style='''"<span style="color:blue">left:-1900;top:1430;width:5000;height:4000;rotation:50</span>"/>
<br />
<br />
<<span style="color:red">'''/v</span>:group'''>
<<span style="color:red">'''v</span>:vmlframe src='''"<span style="color:fuchsia">'''#gr1'''</span>"''' style='''"
<span style="color:blue">left:390;top:140;width:200;height:150</span>"/>
<br />
<br />
<<span style="color:#9933A3">'''/body'''</span>><br />
<<span style="color:#9933A3">'''/html'''</span>>
|}
{| border="1" style="background-color:#A3C7A2;font-size:12px;width:690px"
Riga 96 ⟶ 98:
|
<span style="background-color:lime">''' File XML esterna: "<span style="color:#414141">ball.xml</span>" '''</span>
<br /><br />
<span style="color:#9933A3"><xml <font color=maroon>xmlns:v</span>>
<v:group <span style="color:maroon">id="</span><span style="color:red">'''ball'''</span>" style="<span style="color:blue">width:2000;height:2000</span>">
<br />
<br />
<v:shape <span style="color:maroon">style</span>="<span style="color:blue">left:4;top:1</span>"
<span style="color:maroon">path</span>="<span style="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</span>">
<br />
<v:fill <span style="color:maroon">color</span>="<span style="color:blue">red</span>"
<span style="color:maroon">color2</span>="<span style="color:blue">yellow</span>"
<span style="color:maroon">focusposition</span>="<span style="color:blue">.99,.8</span>"
<span style="color:maroon">focussize</span>="<span style="color:blue">.01,.01</span>"
<span style="color:maroon">type</span>="<span style="color:blue">gradientTitle</span>"/><br />
<v:shadow
<span style="color:maroon">on</span>="<span style="color:blue">t</span>"
Riga 118 ⟶ 119:
<span style="color:maroon">opacity</span>="<span style="color:blue">.4</span>"
<span style="color:maroon">offset</span>="<span style="color:blue">-1pt,-.5pt</span>"
<span style="color:maroon">offset2</span>="<span style="color:blue">-2pt</span>"/><br />
</v:shape><br />
</v:group><br />
<br />
</xml></font>
|}
== Editori e logistica ==
Microsoft Office permette di pubblicare grafica VML senza tuttavia utilizzare integralmente i DOM di VML.<br />
[[OpenOffice.org]] permette di creare delle cartelle sostituibili al seguito burocratico di Microsoft con
delle grafica convertite in VML.
Riga 137 ⟶ 138:
=== Rapporto e dimostrazioni ===
*{{en}} [http://www.svg-vml.net/ Paragone VML/SVG] {{collegamento interrotto}}
*{{
*{{
*{{
*{{
=== Tutori, didattici ===
*{{
*{{
[[Categoria:XML]]
| |||