SVG má zelenou

Vektorová grafika je jedna z oblastí, která je pro web jako stvořená. Konsorcium W3C již delší dobu vyvíjí standard SVG (Scalable Vector Graphics), založený na technologii XML. Nyní W3C vydalo doporučení k užívání SVG 1.0.
Základním standardem pro sdílení informací na webu je HTML. K HTML (hypertextovým) dokumentům je možné různě připojovat i externí objekty, například multimediální. I když tento způsob lepení různých typů dat funguje a je v současné době používán, technologie XML řeší daný problém systémově. Pomocí jmenných prostorů lze do jednoho XML dokumentu umístit data různých XML formátů. Tak je možné do XHTML stránky (XML obdoba HTML) vložit matematické vzorce (prostřednictvím jazyka MathML) nebo třeba vektorovou grafiku (SVG). SVG patří mezi ty formáty založené na XML, které mají největší naději, že se stanou všeobecně akceptovaným standardem.

SVG (Scalable Vector Graphics), značkovací jazyk pro dvourozměrnou vektorovou grafiku, pochází z dílny konsorcia W3C, které se stará o specifikaci standardů pro web. Po prvním návrhu specifikace, který byl zveřejněn v lednu roku 1999, následoval běžný schvalovací proces – ten nyní vyvrcholil uvolněním verze 1.0. Od 5. září tak SVG 1.0 konečně nese označení W3C Recommendation (doporučení), a je tedy oficiálně zpřístupněno pro všeobecné použití. Doporučení W3C představuje zejména shodný názor členů konsorcia (reprezentujících významnou část oblasti informačních technologií) na SVG jako na standard pro vytváření vektorové grafiky. Tim Berners-Lee, ředitel W3C a „zakladatel“ webu, při příležitosti uvolnění specifikace SVG uvedl, že „pomocí SVG se grafika na webu změní z pouhé dekorace na opravdovou grafickou informaci“. Tak, jak je XML univerzálním, platformově nezávislým nástrojem pro výměnu dat a dokumentů na webu, přenáší SVG výhody XML do světa vektorové grafiky. Dovoluje totiž grafiku významově popsat, a tím patřičné informace vyhledávat, třídit, popřípadě zobrazovat ve více jazycích.

SVG 1.0 je postaveno na základech dalších specifikací W3C, jako je DOM (Document Object Model), CSS, XSL, RDF, XML Linking nebo SMIL Animation. SMIL (Synchronized Multimedia Integration Language) je standard pro synchronizaci multimediálních procesů a bylo W3C doporučeno ve stejný den jako SVG. Při vývoji SVG se nezačínalo od úplného začátku. Byly využity už dříve vypracované návrhy specifikací pro vektorovou grafiku, jako je na PostScriptu založeném jazyk PGML od Adobe (Precision Graphics Markup Language) nebo VML (Vector Markup Language) podporovaný Microsoftem.

Představu, jakou má SVG perspektivu z hlediska zájmů komerční sféry, může ozřejmit seznam společností, které se pod hlavičkou W3C na vývoji SVG podílejí: Adobe Systems, AOL/Netscape, Apple, Autodesk, Bitflash, Canon, Corel, CSIRO, Eastman Kodak, Ericsson, Excosoft, Hewlett-Packard, IBM, ILOG, IntraNet Systems, KDDI, Macromedia, Microsoft, Nokia, OASIS, Openwave, Opera, Oxford Brookes University, Quark, Savage Software, Schemasoft, Sun Microsystems, Xerox a ZoomOn.

Pouhý seznam zvučných jmen ovšem není rozhodující. Skutečně důležitým činitelem pro prosazení SVG je jeho podpora v aplikacích. Z hlediska masového rozšíření na webu je nejpodstatnější podpora v prohlížečích; zdaleka nejpoužívanějším prohlížečem je MS Internet Explorer. V příspěvku Internet Explorer 6 a Standardy vysvětluje Dave Massy strategii Microsoftu: prohlížeč podporuje ty standardy, které jsou důležité pro zákazníka. Takže zatímco moderní standardy DOM Level 1 a CSS Level 1 nový prohlížeč plně podporuje, protože slouží všem uživatelům, ostatní jako SVG nebo MathML ignoruje (otázkou je zda SVG, na rozdíl od MathML, není určen právě široké veřejnosti). Microsoft však umožňuje připojit k Exploreru zvnějšku nástroje ostatních výrobců, které s těmito standardy pracovat umí. To využila firma Adobe, která stojí v čele vývoje SVG a pro Internet Explorer vytvořila zásuvný modul (plug-in) Adobe SVG Viewer. Tento modul ve verzi 2.0 je možné volně stáhnout. Už teď je dispozici také beta verze Adobe SVG Viewer 3.0. Adobe včlenila SVG do svých hlavních produktů – např. obrázky nakreslené v Adobe Illustrator 9.0 je možné ukládat ve formátu SVG. Co se tedy týče podpory SVG Internet Explorerem, lze konstatovat, že Explorer prostřednictvím plug-inu od Adobe jazyku SVG rozumí. Problém rozšíření SVG se tak váže k otázce šíření Adobe SVG Vieweru mezi uživatele.

Tak jako ostatní XML formáty, také SVG ukládá svá data do obyčejného textového souboru. I když se v praxi nepředpokládá, že by se obrázky „zapisovaly ručně“, není obtížné strukturu údajů v SVG formátu pochopit. Jako ukázka je zde uveden obrázek s černým kruhem, červeně vyplněným obdélníkem a modrým nápisem SVG:

<?xml version="1.0" encoding="utf-8"?>
<svg width="200px" height="200px">
<desc>Image</desc>
<g>
<circle style="fill: none; stroke: black; stroke-width: 3px" cx="100px" cy="100px" r="60px"/>
<rect style="fill: red; stroke: red" x="40px" y="20px" width="70px" height="40px"/>
<text x="90px" y="120px" style="font-size: 30px; color: blue">
SVG
</text>
</g>
</svg>

Na tomto místě by se mělo ukázat, zda váš prohlížeč podporuje SVG. Výše popsaný obrázek je nad tímto odstavcem zobrazen ve formátu GIF, pod tímto odstavcem je zobrazen ve formátu SVG. Pokud dole nic nevidíte, tj. namísto dvou identických obrázků vidíte pouze ten v GIFu, pak nemáte možnost prohlížet vektorovou grafiku SVG.

Diskuze (6) Další článek: Letos by měl poprvé od roku 1986 klesnout roční prodej PC

Témata článku: Software, Programování, SVG, Moderní standard, Vector, Stará Nokia, Základní standard, CSIRO, Oxford, Savage, Oasis, Pouhý seznam, Smile, CSS level, Zeleň, Oxford University


Určitě si přečtěte

Dostali jste nový počítač? Tohle s ním udělejte, než ho začnete používat

Dostali jste nový počítač? Tohle s ním udělejte, než ho začnete používat

** Každý nový počítač si zaslouží počáteční péči ** Odinstalujte bloatware a nezapomeňte na vhodné nastavení ** Poradíme, jak se o počítač s Windows 10 postarat

David Polesný, Stanislav Janů | 71

David PolesnýStanislav Janů
PočítačeNotebooky
Testy procesorů Ryzen 5000: AMD překonalo Intel ve všech směrech

Testy procesorů Ryzen 5000: AMD překonalo Intel ve všech směrech

** AMD začalo prodávat nové procesory Ryzen 5000 s architekturou Zen 3 ** K dispozici jsou nezávislé testy z celého světa ** AMD překonává Intel ve všech směrech

Karel Javůrek | 69

Karel Javůrek
ProcesoryTestyAMD
Jak v prohlížeči vypnout oznámení zasílaná webovými stránkami

Jak v prohlížeči vypnout oznámení zasílaná webovými stránkami

** Obtěžují vás neustálé dotazy webů, zda chcete zobrazovat oznámení? ** Můžete je zakázat, a to jak kompletně, tak i pro jednotlivé stránky ** Připravili jsme návody pro Chrome, Firefox, Edge a Operu

Karel Kilián | 11

Karel Kilián
Jak na InternetTipyProhlížeče
Šéf Spotify: Budeme zdražovat. Náš obsah se zlepšil
Markéta Mikešová
PředplatnéSpotify
Air Bank, Fio banka a MONETA zakládají alianci pro bankovní identitu
Jakub Čížek
BankaČeskoeGovernment
Vážně dnes ještě někdo krade Adobe? Video můžete stříhat zdarma v Resolve a fotky i vektory zvládne Affinity

Vážně dnes ještě někdo krade Adobe? Video můžete stříhat zdarma v Resolve a fotky i vektory zvládne Affinity

** Kde jsou ty doby, kdy měl skoro každý doma Photoshop ** Photoshop a Premiere Pro od kamaráda nebo z warezu ** Dnes už to nemá smysl, existuje totiž hromada laciných alternativ

Jakub Čížek | 90

Jakub Čížek
Grafický editorStřih videa
Nejlepší herní notebooky a pracovní stroje: Když máte více než 20 tisíc

Nejlepší herní notebooky a pracovní stroje: Když máte více než 20 tisíc

** Když máte na notebook více než 20 tisíc korun, odpadají kompromisy ** Notebooky na práci dostávají tenká kovová těla a styl ** Herní notebooky zvládnou i nejmodernější hry v plné kvalitě

David Polesný | 43

David Polesný
Notebooky
Fedora 33 prostě funguje. Linux si zaslouží dobýt laptop, je to ale asi opět marné

Fedora 33 prostě funguje. Linux si zaslouží dobýt laptop, je to ale asi opět marné

** Desktopový Linux funguje a vypadá stále lépe ** Fedora 33 není výjimkou ** Ve stínu Windows a macOS tu vyrostly skvělé alternativy

Jakub Čížek | 156

Jakub Čížek
FedoraOperační systémyLinux

Aktuální číslo časopisu Computer

Jak prodloužit výdrž notebooku

Velké testy: gamepady a inkoustové tiskárny

Důkladný test Sony Playstation 5