Vector Markup Language

Vector Markup Language (VML) er et åpent XML- språk for å lage forseggjorte 2D- eller 3D- vektorgrafikk (statisk eller animert) på websider.

Historisk

VML ble sendt inn som et standardforslag til W3C i 1998 av Autodesk, Hewlett-Packard, Macromedia, Microsoft og Visio, men det konkurrerer med PGML som tilbys av Adobe Systems og Sun Microsystems. Etter en lang undersøkelse bestemmer W3C seg for å kombinere disse to formatene og føde SVG- formatet .

VML er implementert i Internet Explorer , Microsoft Office og Silverlight . Det er en del av OOXML- spesifikasjonen , der den er definert i tillegg til DrawingML.

Bruke formatet på nettet

VML-språket kan integreres enten direkte i HTML- koden , eller via elementet som er v:vmlframekoblet til en eller flere XML-filer. Dette elementet lar deg plassere vektorgrafikk analogt med bitmaps. Bruk av attributter widthog heighttillate å forstørre eller redusere grafikken uten tap av kvalitet. Mange filtereffekter er mulige på bildene som også kan plasseres i underelementet v:fillog får effekt av attributtene til farger og graderinger, ved bruk av alfakanalen for gjennomsiktighet . Det er tre typer graderinger ved VML: gradient (lineær), gradientRadial og gradientTitle (med variabelt fokus). 3D-ekstrudering tillater utheving av ethvert VML-element. Lyseffekter som gir dybde og realisme til grafikken.

VML er et språk som tillater komplekse realiseringer av filer i XML- format . VML kan håndteres med JavaScript eller JScript og mer praktisk med HTML + TIME for animasjoner.

Google Maps bruker for øyeblikket VML for vektorgjengivelse med Internet Explorer, og SVG for nettlesere som støtter det. Med versjon 10 av Internet Explorer støttes ikke lenger VML-formatet; Microsoft anbefaler at du bruker SVG-format i stedet.

Kodeeksempler

Følgende VML-kode innebygd i HTML-koden viser en enkel ellipse:

<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>

CSS- regler brukes til posisjoner, dimensjoner, tekstformatering og filtre når de kan brukes. Opprettelsen av "modell" -objekter og duplisering av dem blir utført av elementet v:shapetypefor hver vektorform, og elementet v:vmlframefor grupper av vektorobjekter.

Inkluder eksterne filer

Et skjema definert av en ekstern XML-fil kan introduseres av elementet vmlframesom et filter brukes på. Andre perifere former er modellert på en shapetype. Hver etterkommende form av sistnevnte kan også ta sine egne forskjellige attributter fra modellen. Det hele gruppert sammen av elementet v:grouper i sin tur gjengitt av en novelle vmlframe.

HTML-fil

<html xmlns:v> <style> v\:*{behavior:url(#default#VML);position:absolute} v\:shape{width:10000;height:10000} v\:group{width:1000;height:1000} </style> <body> <h1>VML COLORED FIREBALL</h1> <v:shapetype id="arw" path=" m,c2,2,4,5,6,11,5,8,3,5,,2,1,2,,1,,e" fillcolor="red"> <v:stroke color="yellow" weight="4" opacity=".4"/> </v:shapetype> <v:vmlframe src="ball.xml#ball" clip="t" size="32,32" style="top:55;width:580;height:550;background-color:white;filter:blur(Add=1,Strength=140)"/> <v:group id="gr1" style="left:80;top:25"> <v:shape type="#arw" style="left:65;top:50;width:55000;height:4000" fillcolor="aqua" strokecolor="lime"/> <v:shape type="#arw" style="left:460;top:80" fillcolor="fuchsia"/> <v:shape type="#arw" style="left:-1900;top:1430;width:5000;height:4000;rotation:50"/> </v:group> <v:vmlframe src="#gr1" style=" left:390;top:140;width:200;height:150"/> </body> </html>

Ekstern XML-fil

<xml xmlns:v> <v:group id="ball" style="width:2000;height:2000"> <v:shape style="left:4;top:1" path="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"> <v:fill color="red" color2="yellow" focusposition=".99,.8" focussize=".01,.01" type="gradientTitle"/> <v:shadow on="t" type="double" color="fuchsia" color2="yellow" opacity=".4" offset="-1pt,-.5pt" offset2="-2pt"/> </v:shape> </v:group> </xml>

Redaktører og programvare

Microsoft Office tillater redigering av VML-grafikk uten å fullt ut bruke VML DOM.

OpenOffice.org lar deg lage utskiftbare filer for Microsoft office-pakken med grafikk konvertert til VML.

Merknader og referanser

  1. (in) "  Vector Markup Language (VML)  "w3.org , World Wide Web Consortium ,13. mai 1998(åpnet 11. november 2009 )
  2. (i) Jon Frost, Stefan og Michael Goessner Hirtzler, Lær SVG: webgrafikkstandarden ,2003, 518  s. ( ISBN  0-9741773-0-X , leses online ) , s.  7
  3. “  Office Open XML Del 4: Referanse om markeringsspråk. VML kap.6  ” , på ecma-international.org , Ecma International,Oktober 2006(åpnet 14. november 2009 ) , s.  4343
  4. Vector Mona Lisa
  5. “  HTML + TIME  ” , på msdn.microsoft.com , Microsoft Corporation
  6. (in) "  Maps API Concepts - XHTML and VML  " , Google
  7. Windows Explorer 10 / VML Kompatibilitet Reference Guide Internett , på msdn.microsoft.com, Microsoft Corporation
  8. "  VML1 eksempel  " ( ArkivWikiwixArchive.isGoogle • Hva skal jeg gjøre? )
  9. VML2 f.eks

Se også

Lenker og demonstrasjoner

Opplæringsprogrammer, opplæringsprogrammer