Vektorimerkintäkieli

Vektorimerkintäkieli (VML) on avoin XML- kieli monimutkaisten 2D- tai 3D- vektorigrafiikkojen (staattisten tai animoitujen) luomiseen verkkosivuille.

Historiallinen

Autodesk, Hewlett-Packard, Macromedia, Microsoft ja Visio toimittivat VML: n ehdotetuksi standardiksi W3C: lle vuonna 1998, mutta se kilpailee Adobe Systemsin ja Sun Microsystemsin tarjoaman PGML : n kanssa. Pitkän tutkimuksen jälkeen W3C päättää yhdistää nämä kaksi muotoa, mikä johtaa SVG- muotoon .

VML on toteutettu Internet Explorerissa , Microsoft Officessa ja Silverlightissa . Se on osa OOXML- määrittelyä , jossa se määritetään DrawingML: n lisäksi.

Verkon muodon käyttäminen

VML-kieli voidaan integroida joko suoraan HTML- koodiin tai v:vmlframeyhteen tai useampaan XML-tiedostoon linkitetyn elementin kautta . Tämän elementin avulla voit sijoittaa vektorigrafiikkaa analogisesti bittikarttojen kanssa. Määritteiden käyttö widthja heightgrafiikan suurentaminen tai pienentäminen laadun heikkenemättä. Kuville on mahdollista saada monia suodatinefektejä, jotka voidaan myös sijoittaa alielementtiin v:fillja jotka vaikuttavat väriominaisuuksiin ja kaltevuuksiin käyttämällä alfa-kanavaa läpinäkyvyyden takaamiseksi . VML: ssä on kolme gradienttityyppiä: gradientti (lineaarinen), gradientRadial ja gradientTitle (vaihtelevalla tarkennuksella). 3D-puristaminen mahdollistaa minkä tahansa VML-elementin korostamisen. Valotehosteet tuovat grafiikkaan syvyyttä ja realismia.

VML on kieli, joka mahdollistaa monimutkaisen toteutuksen XML- muotoisissa tiedostoissa . VML: ää voidaan käsitellä JavaScriptillä tai JScriptillä ja kätevämmin HTML + TIME -toiminnolla animaatioita varten.

Google Maps käyttää tällä hetkellä VML: ää vektorirenderöintiin Internet Explorerin avulla ja SVG: tä sitä tukeville selaimille. Internet Explorerin versiossa 10 VML-muotoa ei enää tueta oletusarvoisesti. Microsoft suosittelee, että käytät sen sijaan SVG-muotoa.

Koodiesimerkkejä

Seuraava HTML-koodiin upotettu VML-koodi näyttää yksinkertaisen ellipsin:

<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- sääntöjä käytetään sijainteihin, ulottuvuuksiin, tekstin muotoiluun ja suodattimiin, kun niitä voidaan käyttää. "Malli" -objektien luominen ja niiden päällekkäisyydet suoritetaan elementillä v:shapetypekullekin vektorimuodolle ja elementille v:vmlframevektoriobjektien ryhmille.

Sisällytä ulkoiset tiedostot

Muodossa määritelty ulkoinen XML-tiedosto voidaan käyttöön elementin vmlframe, jolle suodatin on sovellettu. Muut kehämuodot mallinnetaan a shapetype. Jokainen jälkimmäisen jälkeläinen voi myös ottaa omat erilliset ominaisuutensa mallista. Koko ryhmitelty elementti v:groupon puolestaan toistaa novelli vmlframe.

HTML-tiedosto

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

Ulkoinen XML-tiedosto

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

Toimittajat ja ohjelmistot

Microsoft Officen avulla voit muokata VML-grafiikkaa käyttämättä täysin VML DOM -ominaisuutta.

OpenOffice.org antaa sinun luoda Microsoft Office -paketille korvattavia tiedostoja grafiikalla, joka on muunnettu VML: ksi.

Huomautuksia ja viitteitä

  1. (in) "  Vector Markup Language (VML)  " on w3.org , World Wide Web Consortium ,13. toukokuuta 1998(katsottu 11. marraskuuta 2009 )
  2. (in) Jon Frost, Stefan ja Michael Goessner Hirtzler, Opi SVG: web grafiikkastandardi ,2003, 518  Sivumäärä ( ISBN  0-9741773-0-X , luettu verkossa ) , s.  7
  3. “  Office Open XML Part 4: Markup Language Reference. VML luku 6  ” , ecma-international.org , Ecma International,Lokakuu 2006(käytetty 14. marraskuuta 2009 ) , s.  4343
  4. Vektori Mona Lisa
  5. “  HTML + TIME  ” , osoitteessa msdn.microsoft.com , Microsoft Corporation
  6. (in) "  Maps API -konseptit - XHTML ja VML  " , Google
  7. Windows Internet Explorer 10 / VML -yhteensopivuusopas , osoitteessa msdn.microsoft.com, Microsoft Corporation
  8. "  VML1-esimerkki  " ( ArkistoWikiwixArchive.isGoogle • Mitä tehdä? )
  9. VML2 esimerkki

Katso myös

Linkit ja mielenosoitukset

Tutorials, tutorials