UgrĂĄs a tartalomhoz

Scalable Vector Graphics

EllenƑrzött
A Wikipédiåból, a szabad enciklopédiåból
Scalable Vector Graphics
SVG-ben kĂ©szĂŒlt grafika. Az eredeti SVG fĂĄjl megtekintĂ©sĂ©hez natĂ­v tĂĄmogatĂĄsra vagy beĂ©pĂŒlƑ modulra van szĂŒksĂ©g.
SVG-ben kĂ©szĂŒlt grafika. Az eredeti SVG fĂĄjl megtekintĂ©sĂ©hez natĂ­v tĂĄmogatĂĄsra vagy beĂ©pĂŒlƑ modulra van szĂŒksĂ©g.
Fåjlkiterjesztés.svg,, .svgz
MIME-tĂ­pusimage/svg+xml[1][2]
FejlesztƑWorld Wide Web Consortium
KiadĂĄs dĂĄtuma2001. szeptember 4.
FormĂĄtum tĂ­pusavektorgrafikus fĂĄjlformĂĄtum
Kiterjesztése ennekXML
Uniformpublic.svg-image
Weboldalw3.org/Graphics/SVG/

Az SVG (Scalable Vector Graphics) egy XML alapĂș leĂ­rĂł nyelv, kĂ©tdimenziĂłs, statikus Ă©s mozgĂł vektorgrafikĂĄk meghatĂĄrozĂĄsĂĄra. Az SVG, hasonlĂłan a HTML-hez, a W3C ĂĄltal definiĂĄlt nyĂ­lt szabvĂĄny.

Áttekintés

[szerkesztés]
IllusztrĂĄciĂł a raszter Ă©s a vektorgrafikus kĂ©pek közötti minƑsĂ©gi kĂŒlönbsĂ©grƑl

Az SVG hĂĄrom tĂ­pusĂș grafikus elemet tĂĄmogat:

  1. vektorgrafikus alakzatokat (pĂ©ldĂĄul egyszerƱ egyenesekbƑl Ă©s görbĂ©kbƑl ĂĄllĂł alakzatokat, Ă©s az ezek ĂĄltal közrezĂĄrt terĂŒletet),
  2. rasztergrafikus és digitålis képeket,
  3. szövegeket.

A grafikus elemeket csoportosĂ­tani lehet mĂĄs elemekkel, valamint hasonlĂłan megadhatĂł a stĂ­lusuk, ĂĄtalakĂ­thatĂłak Ă©s vegyĂ­thetƑek mĂĄr feldolgozott elemekkel. Az alkalmazĂĄs a szövegeket bĂĄrmilyen XML nĂ©vtĂ©rben elĂ©rheti, ami megnöveli a kereshetƑsĂ©get Ă©s a hozzĂĄfĂ©rhetƑsĂ©get. A lehetƑsĂ©gek között megtalĂĄljuk a transzformĂĄciĂłt, a vĂĄgĂĄsi terĂŒletet, az alpha maszkot, a szƱrƑ hatĂĄsokat, a sablon elemeket Ă©s a bƑvĂ­thetƑsĂ©get.

Az SVG dinamikus Ă©s interaktĂ­v rajzokat is lehetƑvĂ© tesz. Az SVG objektummodellje (DOM) tartalmazza a teljes XML DOM-ot, Ă­gy az ECMAScript Ă©s a SMIL hasznĂĄlatĂĄval egyszerƱ Ă©s hatĂ©kony vektorgrafikus animĂĄciĂłt tesz lehetƑvĂ©. Gazdag esemĂ©nykezelƑ kĂ©szlettel rendelkezik, mint az onmouseover vagy az onclick, amelyeket bĂĄrmelyik grafikus elemhez hozzĂĄ lehet rendelni.

Amikor fontos a tĂĄrolĂĄsi mĂ©ret, az SVG kĂ©peket gzip tömörĂ­tĂ©ssel mentik el. Ezeket ĂĄltalĂĄban SVGZ fĂĄjloknak nevezik. Mivel az XML fĂĄjlok sok redundĂĄns, ismĂ©tlƑdƑ adatot tartalmaznak, Ă­gy hatĂ©konyan tömörĂ­thetƑek, Ă©s az Ă­gy kapott fĂĄjlok sokkal kisebbek lesznek.

Mobil profilok

[szerkesztés]

A piaci igĂ©nyek miatt az SVG 1.1 kĂ©t egyszerƱbb vĂĄltozatĂĄt vezettĂ©k be: az SVG Tiny (SVGT) Ă©s az SVG Basic (SVGB) szabvĂĄnyokat. MindkettƑ rĂ©szhalmaza a teljes SVG szabvĂĄnynak, Ă©s a korlĂĄtozott kĂ©pessĂ©gƱ eszközök (tenyĂ©rszĂĄmĂ­tĂłgĂ©pek Ă©s mobiltelefonok) szĂĄmĂĄra kĂ©szĂŒltek. Az SVG Tiny elsƑsorban gyengĂ©bb kĂ©pessĂ©gƱ telefonokra, mĂ­g az SVG Basic komolyabb eszközökre (pĂ©ldĂĄul PDA) lett tervezve.

A fejlesztés története

[szerkesztés]

Az SVG szabvĂĄnyt a World Wide Web Consortium (W3C) keretĂ©ben az SVG Working Group fejlesztette ki. A fejlesztĂ©s 1998-ban kezdƑdött, miutĂĄn a Macromedia Ă©s a Microsoft bevezette a VML-t, az Adobe Systems Ă©s a Sun Microsystems pedig egy hasonlĂł PGML szabvĂĄny megvalĂłsĂ­tĂĄsĂĄt tervezte.

  • Az SVG 1.0 W3C ajĂĄnlĂĄs lett 2001. szeptember 4-Ă©n.
  • Az SVG 1.1 W3C ajĂĄnlĂĄs lett 2003. januĂĄr 14-Ă©n.
  • Az SVG Tiny Ă©s az SVG Basic W3C ajĂĄnlĂĄsok lettek 2003. januĂĄr 14-Ă©n, mint SVG 1.1 profilok.
  • Az SVG 1.2 Mobile Ă©s az SVG 1.2 Full jelenleg mĂ©g W3C munkavĂĄzlat. Az SVG 1.2 Mobile eredetileg ugyancsak a teljes vĂĄltozat profilja lett volna, de kĂ©sƑbb Ășgy döntöttek, hogy önĂĄllĂł szabvĂĄny lesz, mely tartalmazza majd az összes szĂŒksĂ©ges rĂ©szt az SVG 1.1 Ă©s SVG 1.2 szabvĂĄnyokbĂłl.

Az SVG tĂĄmogatottsĂĄga

[szerkesztés]
Egy ork SVG-ben

Az SVG formĂĄtumot jelenleg a webböngĂ©szƑk jelentƑs rĂ©sze natĂ­van tĂĄmogatja. Az egyetlen 1% feletti rĂ©szesedĂ©ssel rendelkezƑ böngĂ©szƑ, amely csak beĂ©pĂŒlƑk segĂ­tsĂ©gĂ©vel jelenĂ­ti meg az SVG grafikĂĄkat, az a Microsoft ĂĄltal fejlesztett Internet Explorer böngĂ©szƑ. BĂĄr mĂ©g nagy fokĂș tehetetlensĂ©g tapasztalhatĂł a rĂ©gĂłta hasznĂĄlt raszteres kĂ©pformĂĄtumok terĂ©n, az egyre dinamikusabb tartalmak irĂĄnti igĂ©ny miatt, felgyorsult a vektoriĂĄlis grafikĂĄk hasznĂĄlata. Azok a weboldalak, amelyek mĂĄr biztosĂ­tanak SVG tartalmat, ĂĄltalĂĄban mĂ©g hagyomĂĄnyos raszteres formĂĄban is elĂ©rhetƑvĂ© teszik ezeket, vagy automatikus HTTP tartalomegyeztetĂ©ssel, vagy felajĂĄnlva a felhasznĂĄlĂłnak a vĂĄlasztĂĄst.

BeĂ©pĂŒlƑkkel valĂł tĂĄmogatĂĄs

[szerkesztés]

Egyes böngĂ©szƑkben, mint az Internet Explorer, az SVG tartalom megtekintĂ©sĂ©hez egy beĂ©pĂŒlƑ telepĂ­tĂ©sĂ©re van szĂŒksĂ©g, hogy a tartalom a böngĂ©szƑ ablakĂĄban jelenjen meg. Jelenleg több ilyen beĂ©pĂŒlƑ is lĂ©tezik, pĂ©ldĂĄul az Adobe SVG Viewer Ă©s a Corel SVG Viewer. A Google kifejlesztett egy olyan SVG Web nĂ©vre keresztelt megoldĂĄst, amely a szĂ©lesebb körben elterjedt Adobe Flash tĂĄmogatĂĄson keresztĂŒl kĂ©pes megjelenĂ­teni az SVG tartalmakat, ennek segĂ­tsĂ©gĂ©vel mĂĄr az internetezƑk 95%-a kĂ©pes megjelenĂ­teni ezeket.[3]

NatĂ­v tĂĄmogatĂĄs

[szerkesztés]

A natĂ­v tĂĄmogatĂĄs azt jelenti, hogy a böngĂ©szƑ tovĂĄbbi beĂ©pĂŒlƑk vagy kiegĂ©szĂ­tƑk nĂ©lkĂŒl kĂ©pes az SVG tartalmak kezelĂ©sĂ©re. Az ilyen tĂĄmogatĂĄs gyorsabb, megbĂ­zhatĂłbb a beĂ©pĂŒlƑknĂ©l, valamint lehetƑsĂ©get ad arra, hogy az SVG-t mĂĄs tĂ­pusĂș tartalmakkal keverjĂ©k.

A következƑ böngĂ©szƑk rendelkeznek teljes vagy rĂ©szleges natĂ­v SVG tĂĄmogatĂĄssal:

  • Az Opera böngĂ©szƑ a 8.0 beta 3 verziĂł Ăłta tĂĄmogatja az SVG 1.1 Tiny szabvĂĄnyt.
  • A Mozilla Firefox 1.5 Beta 1 rĂ©szben tĂĄmogatja az SVG 1.1 Full szabvĂĄnyt. A tĂĄmogatott rĂ©szek leĂ­rĂĄsĂĄt a Mozilla SVG oldalĂĄn lehet megtekinteni.
  • Az Amaya böngĂ©szƑ rĂ©szben tĂĄmogatja az SVG szabvĂĄnyt.
  • A KDE Konqueror böngĂ©szƑje KVSG nĂ©ven tartalmaz egy beĂ©pĂŒlƑt, mely szinte a teljes SVG szabvĂĄnyt tĂĄmogatja. A KVSG1 fejlesztĂ©se befejezƑdött, de a KVSG2 fejlesztĂ©se jelenleg is folyik, Ă©s valĂłszĂ­nƱleg bekerĂŒl natĂ­v tĂĄmogatĂĄskĂ©nt a Konqueror kĂłdjĂĄba a jövƑben.
  • Az Apple Safari böngĂ©szƑje, amely a KHTML alapĂș Webkit böngĂ©szƑmotort hasznĂĄlja, elkezdte beĂ©pĂ­teni a böngĂ©szƑbe a KSVG2 beĂ©pĂŒlƑt.
  • A Batik SVG Toolkit a Java alkalmazĂĄsokban hasznĂĄlhatĂł SVG grafikĂĄk megjelenĂ­tĂ©sĂ©re, kĂ©szĂ­tĂ©sĂ©re Ă©s mĂłdosĂ­tĂĄsĂĄra.

Eszközök

[szerkesztés]
  • A legtöbb nagy vektorgrafikus szerkesztƑ, pĂ©ldĂĄul az Adobe Illustrator Ă©s a Corel Draw tĂĄmogatja az SVG beolvasĂĄsĂĄt Ă©s mentĂ©sĂ©t (exportjĂĄt Ă©s importjĂĄt).
  • LibreOffice Draw alapbĂłl tĂĄmogatja az SVG fĂĄjlok importĂĄlĂĄsĂĄt Ă©s szerkesztĂ©sĂ©t.
  • OpenOffice.org Draw 1.1 Ă©s az Ășjabb vĂĄltozatok kĂ©pesek beolvasni SVG fĂĄjlokat, az Draw 2.0-hoz van egy SVG import plugin (utolsĂł status)
  • A Dia egy ĂĄltalĂĄnos cĂ©lĂș grafikonkĂ©szĂ­tƑ. LehetƑsĂ©g van Ășj alakzatok hozzĂĄadĂĄsĂĄra, az alakzat megrajzolĂĄsĂĄhoz az SVG egy rĂ©szhalmazĂĄt hasznĂĄlva.
  • Az Inkscape egy nyĂ­lt forrĂĄsĂș több platformos vektorgrafikus szerkesztƑ, mely az SVG formĂĄtumot hasznĂĄlja. A Sodipodi ennek elƑdje.
  • A GIMP egy nyĂ­lt forrĂĄsĂș több platformos kĂ©pszerkesztƑ mely kĂ©pes SVG beolvasĂĄsĂĄra Ă©s mentĂ©sĂ©re; jĂłllehet menteni csak sajĂĄt maga ĂĄltal kĂ©szĂ­tett kĂ©peket tud Ă­gy.
  • Scribus egy nyĂ­lt forrĂĄsĂș desktop publishing alkalmazĂĄs, mely tĂĄmogatja az SVG beolvasĂĄsĂĄt Ă©s mentĂ©sĂ©t.
  • SVGmaker SVG-t kĂ©szĂ­t olyan szokvĂĄnyos Windows programokbĂłl, mint amilyen az Office.

TovĂĄbbi programokrĂłl a szĂłcikk angol vĂĄltozatĂĄban olvashatunk.

Online eszközök

[szerkesztés]
  • SVG-edit – Online rajzprogram (ingyenes, böngĂ©szƑben futĂł, SVG-DOM Ă©s JavaScript alapĂș program)
  • SVGConv - The online SVG converter - Ingyenes, online SVG konvertĂĄlĂł (SVG-bƑl JPEG, PNG, GIF, BMP, PDF, PS Ă©s mĂĄs formĂĄtumokra konvertĂĄl); kĂ©pes több SVG fĂĄjl konvertĂĄlĂĄsĂĄra egy lĂ©pĂ©sben
  • Go2convert ArchivĂĄlva 2012. december 7-i dĂĄtummal a Wayback Machine-ben – Online konvertĂĄlĂł eszköz, mely - sok mĂĄs funkciĂł mellett - kĂ©pes SVG fĂĄjlokat mĂĄs formĂĄtumĂșvĂĄ alakĂ­tani (JPEG, GIF, TGA, BMP stb.)

KĂŒlsƑ hivatkozĂĄsok

[szerkesztés]
Commons:Category:SVG
A WikimĂ©dia Commons tartalmaz Scalable Vector Graphics tĂ©mĂĄjĂș mĂ©diaĂĄllomĂĄnyokat.

Jegyzetek

[szerkesztés]
  1. ↑ M Media Type registration for image/svg+xml. World Wide Web Consortium, 2008. december 22. (HozzĂĄfĂ©rĂ©s: 2010. augusztus 29.)
  2. ↑ XML Media Types, RFC 3023 pp. 24. Internet Engineering Task Force, 2001. januĂĄr 1. (HozzĂĄfĂ©rĂ©s: 2010. augusztus 29.)
  3. ↑ [1] SVG Web projekt honlapja