Prijeđi na sadržaj

SVG

Izvor: Wikipedija
Scalable Vector Graphics (SVG)

Scalable Vector Graphics (SVG) je format datoteke temeljen na XML jeziku za prikazivanje dvodimenzionalne vektorske grafike, bilo nepomične ili animirane. To je otvoreni standard koji je razvio W3C (World Wide Web Consortium), koji je također odgovoran za standarde kao što su HTML i CSS.

Povijest

[uredi | uredi kôd]

SVG se razvija unutar W3C-a od 1999. godine, nakon što je tijekom 1998. konzorciju podneseno šest konkurentskih prijedloga za jezike vektorske grafike.[1] Rana radna skupina za SVG odlučila je ne razvijati nijedan od komercijalnih prijedloga, već stvoriti novi jezik za označavanje koji bi se oslanjao na njihova rješenja, ali ne bi bio izravno temeljen na njima.[1]

Prijedlozi koji su utjecali na razvoj bili su:

  • Web Schematics (CCLRC)[2]
  • PGML (Adobe Systems, IBM, Netscape i Sun Microsystems)[3]
  • VML (Autodesk, Hewlett-Packard, Macromedia, Microsoft i Vision)[4]
  • Hyper Graphics Markup Language (HGML) (Orange UK i PRP)[5]
  • WebCGM (Boeing, Xerox i drugi)[6]
  • DrawML (Excosoft AB)[1]

Rano usvajanje formata bilo je ograničeno zbog nedostatka podrške u starijim verzijama preglednika Internet Explorer. Međutim, do 2011. svi su glavni preglednici za stolna računala počeli podržavati SVG, što je omogućilo renderiranje bez dodataka (plug-ina).[7]

Verzije

[uredi | uredi kôd]
  • SVG 1.0: Postala je preporuka (Recommendation) W3C-a 4. rujna 2001. To je bila prva potpuna specifikacija koja je definirala osnove formata.[8]
  • SVG 1.1: Postala je preporuka 14. siječnja 2003.[9] Ova verzija uvela je modularizaciju, što je omogućilo stvaranje specifičnih profila za uređaje s ograničenim resursima:[10]
    • SVG Tiny: Namijenjen mobilnim telefonima s niskim performansama.
    • SVG Basic: Namijenjen naprednijim mobilnim uređajima (PDA).
  • SVG 1.2:
    • SVG Tiny 1.2: Postala je preporuka 22. prosinca 2008. godine. Za razliku od verzije 1.1, ova je specifikacija bila samostalna i uključivala je naprednije značajke za mikromreže.[11]
    • SVG Full 1.2: Prvotno planirana kao velika nadogradnja, nikada nije postala službena preporuka. W3C je odlučio prekinuti rad na ovoj verziji kako bi se fokusirao na SVG 2.[12]
  • SVG 1.1 Second Edition: Objavljena 16. kolovoza 2011., ova verzija nije uvela nove značajke, već je ispravila pogreške (errata) i pojasnila postojeću specifikaciju 1.1.[13]
  • SVG Tiny 1.2 Portable/Secure (P/S): Uveden 2020. godine kao sigurnosno optimiziran profil. Postao je ključan za standard BIMI (Brand Indicators for Message Identification), koji omogućuje prikazivanje logotipova robnih marki u klijentima e-pošte.[14][15]
  • SVG 2: Trenutačno najmodernija verzija (Candidate Recommendation). Donosi bolju integraciju s HTML5, CSS3 i WOFF fontovima.[16] Najnoviji nacrt specifikacije objavljen je 14. rujna 2025.[17]

Sigurnost

[uredi | uredi kôd]

Budući da je SVG format dokumenta sličan HTML-u, on može sadržavati skripte (JavaScript) i CSS. To predstavlja sigurnosni rizik ako napadač učita SVG datoteku sa zlonamjernim kodom (npr. kao sliku profila) na web stranicu koja je tretira kao običnu sliku.[18]

Takve datoteke mogu izazvati:[19]

  • Billion laughs attack: Napad uskraćivanjem resursa (DoS) koji može blokirati preglednik.
  • Cross-site scripting (XSS): Injekcija zlonamjernog koda ako se SVG učita izravno u preglednik.

W3C propisuje posebne zahtjeve za "sigurni SVG" kada se on koristi isključivo kao slika, ograničavajući izvršavanje skripti u tim slučajevima.[19]

Primjer

[uredi | uredi kôd]

SVG je XML jezik, te je SVG datoteka obična tekstualna datoteka koja se može uređivati u bilo kojem uređivaču teksta.

Kako izgleda prikazan sljedeći SVG kôd
<?xml version="1.0"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
  "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">

<svg xmlns="http://www.w3.org/2000/svg"
 width="467" height="462">
  <rect x="80" y="60" width="250" height="250" rx="20"
      style="fill:#ff0000; stroke:#000000;stroke-width:2px;" />
  
  <rect x="140" y="120" width="250" height="250" rx="40"
      style="fill:#0000ff; stroke:#000000; stroke-width:2px;
      fill-opacity:0.7;" />
</svg>

Izvori

[uredi | uredi kôd]
  1. 1 2 3 Secret Origin of SVG. www.w3.org (engleski). Inačica izvorne stranice arhivirana 24. prosinca 2020. Pristupljeno 11. ožujka 2026.
  2. ↑ Schematic Graphics. www.w3.org. Inačica izvorne stranice arhivirana 31. siječnja 2022. Pristupljeno 11. ožujka 2026.
  3. ↑ Precision Graphics Markup Language (PGML). www.w3.org. Inačica izvorne stranice arhivirana 16. prosinca 2021. Pristupljeno 11. ožujka 2026.
  4. ↑ VML - the Vector Markup Language. www.w3.org (engleski). Inačica izvorne stranice arhivirana 6. studenoga 2021. Pristupljeno 11. ožujka 2026.
  5. ↑ Hyper Graphics Markup Language (HGML). www.w3.org. Inačica izvorne stranice arhivirana 7. travnja 2022. Pristupljeno 11. ožujka 2026.
  6. ↑ WebCGM Profile. xml.coverpages.org. Inačica izvorne stranice arhivirana 14. kolovoza 2022. Pristupljeno 11. ožujka 2026.
  7. ↑ Scalable Vector Graphics (SVG) 2. www.w3.org (engleski). Inačica izvorne stranice arhivirana 27. siječnja 2017. Pristupljeno 11. ožujka 2026.
  8. ↑ Scalable Vector Graphics (SVG) 1.0 Specification. www.w3.org (engleski). Inačica izvorne stranice arhivirana 11. svibnja 2008. Pristupljeno 11. ožujka 2026.
  9. ↑ Scalable Vector Graphics (SVG) 1.1 (Second Edition). www.w3.org. Inačica izvorne stranice arhivirana 16. rujna 2012. Pristupljeno 11. ožujka 2026.
  10. ↑ Mobile SVG Profiles: SVG Tiny and SVG Basic. www.w3.org (engleski). Inačica izvorne stranice arhivirana 9. listopada 2010. Pristupljeno 11. ožujka 2026.
  11. ↑ Scalable Vector Graphics (SVG) Tiny 1.2 Specification. www.w3.org (engleski). Inačica izvorne stranice arhivirana 7. prosinca 2020. Pristupljeno 11. ožujka 2026.
  12. ↑ Getting to SVG 2.0: A report from the SVG Working Group Face-to-Face (May 24th – June 1st 2010). IEBlog (engleski). Inačica izvorne stranice arhivirana 12. svibnja 2016. Pristupljeno 11. ožujka 2026.
  13. ↑ Scalable Vector Graphics (SVG) 1.1 (Second Edition). www.w3.org. Inačica izvorne stranice arhivirana 24. rujna 2011. Pristupljeno 11. ožujka 2026.
  14. ↑ J., Adams,; Alex, Brotman,. SVG Tiny Portable/Secure. tools.ietf.org (engleski). Inačica izvorne stranice arhivirana 14. veljače 2021. Pristupljeno 11. ožujka 2026.CS1 održavanje: dodatna interpunkcija (link)
  15. ↑ Implementation Guide. BIMI Group (engleski). Inačica izvorne stranice arhivirana 28. veljače 2021. Pristupljeno 11. ožujka 2026.
  16. ↑ Changes from SVG 1.1 — SVG 2. svgwg.org (engleski). Inačica izvorne stranice arhivirana 4. veljače 2021. Pristupljeno 11. ožujka 2026.
  17. ↑ Scalable Vector Graphics (SVG) 2. svgwg.org (engleski). Inačica izvorne stranice arhivirana 10. veljače 2021. Pristupljeno 11. ožujka 2026.
  18. ↑ Anatomy of Scalable Vector Graphics (SVG) Attack Surface on the Web. Fortinet Blog (engleski). 7. studenoga 2019. Inačica izvorne stranice arhivirana 21. veljače 2023. Pristupljeno 11. ožujka 2026.
  19. 1 2 SVG Security - W3C Wiki. www.w3.org (engleski). Inačica izvorne stranice arhivirana 21. veljače 2023. Pristupljeno 11. ožujka 2026.

Vanjske poveznice

[uredi | uredi kôd]
Dobavljeno iz "https://hr.wikipedia.org/w/index.php?title=SVG&oldid=7415925"