Vector Markup Language: differenze tra le versioni

Naviga nella cronologia in modo interattivo

← Differenza precedente

Contenuto cancellato Contenuto aggiunto

VisualeWikitesto

Versione delle 12:35, 23 gen 2009 modifica 151.62.55.151 (discussione) Nessun oggetto della modifica ← Differenza precedente		Versione attuale delle 00:31, 12 ago 2025 modifica annulla CheckWikiBOT (discussione \| contributi) Bot 100 753 modifiche m Bot: inserimento portale (via JWB)
(71 versioni intermedie di 41 utenti non mostrate)
Riga 1: [[File:VMLJoconde.jpg\|thumb\|Ritratto sviluppato con codice VML: [http://www.svg-vml.net/Joconde.htm La Gioconda in VML (33Kb)]]] Vector Markup Language (VML) è un linguaggio [[XML]] utilizzato per la produzione di grafica vettoriale. VML è stato presentato come una proposta agli standard [[W3C]] nel 1998 da [[Microsoft]] e [[Macromedia]]. Nello stesso tempo altri concorrenti sono stati ricevuti nel settore della web grafica vettoriale, come [[PGML]] da [[Adobe]] e [[Sun]]. '''Vector Markup Language''' (VML) è un linguaggio [[Extensible Markup Language\|XML]] aperto, destinato alla creazione di [[grafica vettoriale]] elaborate in 2D o 3D (statiche o animate) sulle pagine Web. == Storica == ~~Come risultato di queste osservazioni, è stato creato un nuovo gruppo di lavoro del [[W3C]], che ha prodotto [[Scalable Vector Graphics]] (SVG).~~ VML fu sottoposto come proposta di standard al [[World Wide Web Consortium\|W3C]] nel 1998, per [[Autodesk]], [[Hewlett-Packard]], [[Macromedia]], Microsoft e Visio, ma si trovù 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 vita al formato [[Scalable Vector Graphics\|SVG]]. VML è introdotto in [[Internet Explorer]], [[Microsoft Office]] e [[Silverlight]]. Fa parte della specificazione OOXML, dove viene definito in complemento di DrawingML. ~~Anche se in gran parte ignorato dagli sviluppatori, Microsoft inserisce il supporto a VML in [[Internet Explorer]] 5.0 e successivi e in [[Microsoft Office]] 2000 e superiori.~~ == Utilizzo del formato sul Web == ~~[[Google Maps]] utilizza attualmente VML quando si esegue in Internet Explorer 5.5,e SVG in altri browser.~~ 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. [[Google Maps]] utilizza attualmente VML per il reso vettoriale con Internet Explorer, e SVG per i navigatori che lo supportano. ~~== Esempi ==~~ ~~[[Immagine:Ovale_blu.svg\|thumb\|100px\|Ecco il risultato]]~~ ~~Il codice per un ovale blu sarà questo:~~ == Esempi di codice == ~~<source lang = "xml">~~ [[Image:Ovale.gif\|thumb\|Risultato del codice esemplificativo]] ~~<v:oval style="position:absolute; left:0; top:0;~~ Il codice VML seguente integrato nel codice HTML mostra una semplice [http://www.svg-vml.net/oval.htm ellisse] {{Webarchive\|url=https://web.archive.org/web/20091212050602/http://www.svg-vml.net/oval.htm# \|data=12 dicembre 2009 }}: ~~width:100px; height:50px"~~ <syntaxhighlight lang = "xml"> ~~fillcolor="blue" />~~ <html xmlns:v> ~~</source>~~ <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> </syntaxhighlight> ---- ~~Mentre l'equivalente in Svg:~~ 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 <code>v:shapetype</code> per ogni forma vettoriale, e l'elemento <code>v:vmlframe</code> per i gruppi di oggetti vettoriali. ~~<source lang = "xml">~~ ~~<ellipse cx="50" cy="25" rx="50" ry="25" style="fill:blue;"/>~~ ~~</source>~~ Qui sotto: Esempio più complesso di combinazioni di elementi ed attributi propri a VML dentro il codice HTML. ~~[[Categoria:Linguaggi di markup]]~~ Una forma definita da un file XML esterna è introdotta da l'elemento vmlframe su il quale un filtro e applicato. ~~[[de:Vector Markup Language]]~~ Altre forme periferiche sono calcate su una shapetype. ~~[[en:Vector Markup Language]]~~ Ogni forma discendente di questa ultima può anche prendere i suoi propri attributi distinti del modello. L'insieme raggruppato dall'elemento "v:group" viene a suo tempo riprodotto da una nuova "vmlframe". ~~[[es:Vector Markup Language]]~~ ~~[[fr:Vector Markup Language]]~~ Queste proprietà permettono delle composizioni vettoriali molto ricche utilizzando poche scritture. ~~[[ja:Vector Markup Language]]~~ ~~[[pl:Vector Markup Language]]~~ {\| border="1" style="background-color:#A1C1CF;font-size:12px;width:690px" ~~[[ru:VML]]~~ \|- ~~[[zh:VML语言]]~~ \| ~~[[Nome del link]]~~ [[Image:VMLfireball.jpg\|upright=1.4\|thumb\|Illustrazione di esempi: [https://web.archive.org/web/20100110220249/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\:<span style="color:#d65700">{behavior:url(#default#VML);position:absolute}</span><br /> v\:shape<span style="color:#d65700">{width:10000;height:10000}</span><br /> v\:group<span style="color:#d65700">{width:1000;height:1000}</span><br /> <<span style="color:#9933A3">'''/style'''</span>> <<span style="color:#9933A3">'''body'''</span>> <<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">v</span>:vmlframe src="<span style="color:#414141">ball.xml</span><span style="color:red">#ball</span>" clip='''"<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">#arw</span>" style='''"<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" \|- \| <span style="background-color:lime">''' File XML esterna: "<span style="color:#414141">ball.xml</span>" '''</span> <br /><br /> <span style="color:#9933A3"><xml <span style="color:maroon">xmlns:v</span>></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>" <span style="color:maroon">type</span>="<span style="color:blue">double</span>" <span style="color:maroon">color</span>="<span style="color:blue">fuchsia</span>" <span style="color:maroon">color2</span>="<span style="color:blue">yellow</span>" <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> \|} == Editori e logistica == Microsoft Office permette di pubblicare grafica VML senza tuttavia utilizzare integralmente i DOM di VML.<br /> [[LibreOffice]] permette di creare delle cartelle sostituibili al seguito burocratico di Microsoft con delle grafica convertite in VML. ==Altri progetti== {{interprogetto}} ==Collegamenti esterni== === Rapporto e dimostrazioni === {{en}} [http://www.svg-vml.net/ Paragone VML/SVG] {{Webarchive\|url=https://web.archive.org/web/20100117182213/http://www.svg-vml.net/ \|date=17 gennaio 2010 }} {{cita web\|1=http://midiwebconcept.free.fr/watkins.htm\|2=Esempi basici.\|lingua=en\|accesso=14 dicembre 2009\|urlarchivio=https://web.archive.org/web/20100323213835/http://midiwebconcept.free.fr/watkins.htm#\|dataarchivio=23 marzo 2010\|urlmorto=sì}} {{cita web\|1=http://midiwebconcept.free.fr/\|2=Altri esempi notevoli.\|lingua=fr\|accesso=14 dicembre 2009\|urlarchivio=https://web.archive.org/web/20110720223740/http://midiwebconcept.free.fr/#\|dataarchivio=20 luglio 2011\|urlmorto=sì}} {{cita web\|1=http://francoisfabie.free.fr/gallery.html\|2=Galleria VML.\|lingua=en\|accesso=5 febbraio 2010\|urlarchivio=https://web.archive.org/web/20110720221327/http://francoisfabie.free.fr/gallery.html\|dataarchivio=20 luglio 2011\|urlmorto=sì}} {{cita web\|url=http://www.dhteumeuleu.com/gallery-v6.php?tag=IE\|titolo=Grafica animate VML + JavaScript.\|lingua=fr\|accesso=14 dicembre 2009\|urlarchivio=https://web.archive.org/web/20120623000540/http://www.dhteumeuleu.com/gallery-v6.php?tag=IE\|dataarchivio=23 giugno 2012\|urlmorto=sì}} === Tutori, didattici === {{cita web\|1=http://midiwebconcept.free.fr/\|2=Midiwebconcept Tutorial VML.\|lingua=fr\|accesso=14 dicembre 2009\|urlarchivio=https://web.archive.org/web/20110720223740/http://midiwebconcept.free.fr/#\|dataarchivio=20 luglio 2011\|urlmorto=sì}} *{{cita web\|http://www.asp-php.net/tutorial/vml/index.php\|asp-php.net tutoriel.\|lingua=fr}} {{Portale\|informatica}} [[Categoria:Linguaggi di markup XML]]