Scalable Vector Graphics
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. | |
![]() | |
Fåjlkiterjesztés | .svg,, .svgz |
MIME-tĂpus | image/svg+xml[1][2] |
FejlesztĆ | World Wide Web Consortium |
KiadĂĄs dĂĄtuma | 2001. szeptember 4. |
FormĂĄtum tĂpusa | vektorgrafikus fĂĄjlformĂĄtum |
Kiterjesztése ennek | XML |
Uniform | public.svg-image |
Weboldal | w3.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]
Az SVG hĂĄrom tĂpusĂș grafikus elemet tĂĄmogat:
- vektorgrafikus alakzatokat (pĂ©ldĂĄul egyszerƱ egyenesekbĆl Ă©s görbĂ©kbĆl ĂĄllĂł alakzatokat, Ă©s az ezek ĂĄltal közrezĂĄrt terĂŒletet),
- rasztergrafikus és digitålis képeket,
- 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]
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]- SVG.lap.hu - LinkgyƱjtemény
- SVG tananyag
- A W3C SVG oldala (angolul)
- SVGX (angolul)
- SVG közösségi oldal (angolul)
- SVG 1.1 specifikĂĄciĂł
- Az egyes böngĂ©szĆk SVG tĂĄmogatĂĄsa (angolul)
Jegyzetek
[szerkesztĂ©s]- â M Media Type registration for image/svg+xml. World Wide Web Consortium, 2008. december 22. (HozzĂĄfĂ©rĂ©s: 2010. augusztus 29.)
- â XML Media Types, RFC 3023 pp. 24. Internet Engineering Task Force, 2001. januĂĄr 1. (HozzĂĄfĂ©rĂ©s: 2010. augusztus 29.)
- â [1] SVG Web projekt honlapja