Vektor jelölőnyelv

A Vector Markup Language (VML) egy nyitott XML nyelv bonyolult 2D vagy 3D vektorgrafikák (statikus vagy animált) létrehozására weboldalakon.

Történelmi

A VML-t 1998-ban az Autodesk, a Hewlett-Packard, a Macromedia, a Microsoft és a Visio szabványos javaslatként nyújtotta be a W3C -hoz, de versenyez az Adobe Systems és a Sun Microsystems által kínált PGML-mel . Hosszas vizsgálat után a W3C úgy dönt, hogy összekapcsolja ezt a két formátumot, megszülve az SVG formátumot .

A VML az Internet Explorer , a Microsoft Office és a Silverlight alkalmazásban valósul meg . Ez az OOXML specifikáció része , ahol a DrawingML mellett meg van határozva.

A webes formátum használata

A VML nyelv integrálható közvetlenül a HTML- kódba , vagy v:vmlframeegy vagy több XML-fájlhoz kapcsolt elemen keresztül . Ez az elem lehetővé teszi vektorgrafikák elhelyezését a bitképekhez hasonlóan. Az attribútumok használata widthés heighta grafika nagyításának vagy kicsinyítésének lehetővé tétele a minőség romlása nélkül. Számos szűrőeffektus lehetséges a képeken, amelyek szintén elhelyezhetők az alelemben, v:fillés kihatnak a színek és a színátmenetek tulajdonságaira, az átlátszóság érdekében az alfa-csatornát . A VML-nél háromféle gradiens létezik: gradiens (lineáris), gradientRadial és gradientTitle (változó fókuszú). A 3D extrudálás lehetővé teszi bármely VML elem kiemelését. A fényhatások mélységet és realizmust visznek a grafikába.

A VML egy olyan nyelv, amely komplex megvalósítást tesz lehetővé XML formátumú fájlokon . A VML kezelhető JavaScript vagy JScript segítségével, és kényelmesebb az animációk HTML + TIME használatával.

A Google Maps jelenleg a VML-t használja a vektoros megjelenítéshez az Internet Explorer segítségével, az SVG-t pedig az azt támogató böngészőkhöz. Az Internet Explorer 10. verziójával a VML formátum alapértelmezés szerint már nem támogatott; A Microsoft azt javasolja, hogy inkább az SVG formátumot használja.

Kódpéldák

A következő HTML kódba ágyazott VML kód egyszerű ellipszist mutat:

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

A CSS- szabályokat a pozíciókhoz, dimenziókhoz, szövegformázáshoz és szűrőkhöz használják, amikor alkalmazhatók. A "modell" objektumok létrehozását és sokszorosítását v:shapetypeaz egyes vektoralakok elemei v:vmlframe, a vektorobjektum-csoportoké pedig az elem végzi.

Külső fájlok beillesztése

A forma által meghatározott külső XML fájl lehet bevezetni, hogy az elem vmlframe, amelyre a szűrőt alkalmazzuk. A többi periférikus alakot a shapetype. Ez utóbbinak minden leszármazási formája a saját külön tulajdonságait is átveheti a modelltől. Az elem szerint csoportosított egészetv:group viszont egy novella reprodukálja vmlframe.

HTML fájl

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

Külső XML fájl

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

Szerkesztők és szoftverek

A Microsoft Office lehetővé teszi a VML grafikák szerkesztését a VML DOM teljes kihasználása nélkül.

Az OpenOffice.org lehetővé teszi, hogy helyettesíthető fájlokat hozzon létre a Microsoft Office programcsomaghoz VML-be konvertált grafikával.

Megjegyzések és hivatkozások

  1. (in) "  Vector Markup Language (VML)  " a w3.org webhelyen , a World Wide Web Consortium ,1998. május 13(megtekintés : 2009. november 11. )
  2. (in) Jon Frost, Stefan és Michael Goessner Hirtzler, Learn SVG: a web grafikai szabvány ,2003, 518  p. ( ISBN  0-9741773-0-X , online olvasás ) , p.  7
  3. “  Office Open XML 4. rész: Markup Language Reference. VML 6. fejezet  ” , az ecma-international.org oldalon , az Ecma International,2006. október(megtekintés : 2009. november 14. ) , p.  4343
  4. Vektor Mona Lisa
  5. „  HTML + TIME  ” , az msdn.microsoft.com címen , Microsoft Corporation
  6. (in) "  Maps API koncepciók - XHTML és VML  " , Google
  7. Windows Internet Explorer 10 / VML kompatibilitási útmutató , az msdn.microsoft.com címen, Microsoft Corporation
  8. "  VML1 példa  " ( ArchívumWikiwixArchive.isGoogle • Mit kell tenni? )
  9. VML2 például

Lásd is

Linkek és bemutatók

Oktatóanyagok, oktatóanyagok