Navigace

Hlavnφ menu

 

Pr∙vodce SVG - aplikace pro export

V tomto Φlßnku se podφvßme blφ₧e na zoubky n∞kter²m grafick²m program∙m, schopn²m generovat SVG data, v po°adφ vφcemΘn∞ odpovφdajφcφm jejich schopnostem. P°edesφlßm, ₧e se budu soust°edit p°edevÜφm na schopnosti program∙ souvisejφcφ s SVG grafikou a s kvalitou exportu. Ostatnφch vlastnostφ se budu dot²kat pouze okrajov∞.

Adobe Illustrator 10

Musφm °φci, ₧e program je pro nßÜ ·kol velmi dob°e vybaven, je to doslova program Üit² na mφru SVG. V∞tÜina vlastnostφ d∙le₧it²ch pro SVG grafiku se ovlßdß na nßsledujφcφch Φty°ech paletßch Illustratoru. Na prvnφ palet∞ shora nßs bude zajφmat vytvß°enφ a testovßnφ hyperlink∙. DalÜφ ovlßdß pr∙hlednost a mo₧nost nastavit specißlnφ m≤dy grafickΘho prolφnßnφ objekt∙ (znßmΘ z Photoshopu a podporovanΘ Adobe SVG Viewer 3). Jedin²m omezenφm je nemo₧nost nastavit pr∙hlednost zvlßÜ¥ pro obrys a zvlßÜ¥ pro v²pl≥. JeÜt∞ nφ₧e je seznam knihovny symbol∙. AI umo₧≥uje velmi snadno, intuitivn∞ spravovat, p°idßvat, aplikovat nebo nahrazovat vφcenßsobn∞ pou₧itelnΘ definice symbol∙. VÜechny d∙le₧itΘ akce lze vyvolat na dolnφm okraji tohoto okΘnka. ╚tvrtß paleta "Vrstvy" v Illustratoru 10 krom∞ vrstev zobrazuje vÜechny grafickΘ elementy v danΘ kresb∞. Sm∞le to m∙₧eme p°irovnat k zobrazenφ objektovΘ struktury v nativnφch editorech SVG zmi≥ovan²ch v²Üe. M∙₧ete si zapnout i zobrazovßnφ grafickΘho nßhledu pro ka₧d² °ßdek na tΘto palet∞.

ILLUSTRATOR umo₧≥uje nastavit v podstat∞ vÜechny mo₧nosti SVG

Na palet∞ pr∙hlednosti m∙₧ete krom∞ klasickΘ, po celΘ ploÜe objektu konstantnφ transparentnosti, vyrobit i "alfa" masku pr∙hlednosti a ta se potΘ zobrazφ jako na obrßzku nφ₧e. (P°epφnaΦe na dolnφm okraji ignorujte, nebo¥ ty SVG neovlivnφ. VÜechny vlastnosti jsou velmi efektivn∞ p°evedeny i do v²slednΘho SVG s vyu₧itφm vÜech mo₧nostφ normy.)

Pr∙hlednost v AI

SVG filtry

AI 10 obsahuje obrovskΘ mno₧stvφ r∙zn²ch bitmapov²ch i vektorov²ch efekt∙ a filtr∙. P°i vytvß°enφ grafiky samoz°ejm∞ m∙₧eme pou₧φt jak²koli, ovÜem v∞tÜina z nich se p°i exportu do SVG vyrastruje jako bitmapov² obraz, co₧ je pro naÜe "internetovΘ" pou₧itφ siln∞ ne₧ßdoucφ.

V roletovΘ nabφdce Illustratoru jsou dv∞ skupiny, "Filtr" a "Efekt". Prvn∞ jmenovanß skupina se odliÜuje tφm, ₧e dan² filtr se aplikuje na vektorovou kresbu ihned - dojde tφm k trvalΘ modifikaci p∙vodnφ kresby (rozrastrovßnφ, deformovßnφ, zv²Üenφ poΦtu vektorov²ch bod∙). Sßhneme tedy po druhΘ skupin∞, kde nalezneme podskupinu "SVG filtry" se spoustou p°eddefinovan²ch funkcφ. P°i aplikaci nebo modifikaci t∞chto filtr∙ se vßm otev°e specißlnφ okno, ve kterΘm m∙₧ete filtry dokonce detailn∞ upravovat. OvÜem pozor - pouze na ·rovni SVG k≤du. V²bornΘ ale je, ₧e okam₧it∞, bez zav°enφ okna editace m∙₧ete vid∞t v²sledek (nßhled) efektu.

Interaktivita SVG

Tato specißln∞ pro SVG vyhrazenß paleta dovolφ p°ipojit k exportovanΘmu SVG JavaScript programy. Umo₧≥uje p°i°azovat grafick²m objekt∙m volßnφ skript∙ jako reakci na jednotlivΘ udßlosti u₧ivatelskΘho rozhranφ. P°φkazy v ukßzce - tak jak je vidφte na nßsledujφcφ palet∞ - zm∞nφ objektu, kter² bude v oblasti pod myÜφ (ukazatelem), barvu v²pln∞ na sv∞tle ₧lutou.

Vytvß°enφ interaktivity pomocφ JavaScript program∙

Kvalita exportu

XML k≤d exportovan² ILLUSTRATORem je docela kvalitnφ a tΘm∞° v₧dy dostanete v SVG prohlφ₧eΦi stejn² v²sledek jako na pracovnφ ploÜe AI. Vadφ mi p°edevÜφm Üpatnß optimalizace textov²ch element∙ (nadm∞rnΘ opakovßnφ formßtovacφch atribut∙) a nevyu₧φvßnφ mo₧nostφ SVG formßtu p°i exportu textu umφst∞nΘho na k°ivce (namφsto vlo₧enφ specißlnφho SVG prvku je text rozkouskovßn na jednotlivß pφsmena).

SVG norma obsahuje mo₧nost ulo₧it pφsma do specißlnφho souboru, kter² si SVG prohlφ₧eΦ na cφlovΘm poΦφtaΦi naΦte, aby byl zachovßn vzhled grafiky. Tady bohu₧el AI10 obsahuje chyby - p°i uklßdßnφ pφsem se zapnutou volbou "Pφsma/P°ipojit" se v mnoha p°φpadech ₧ßdnΘ pφsmo .CEF nevygeneruje. (Podle m²ch pokus∙ by d∙vodem mohla b²t kontrola autorsk²ch prßv pφsem a ILLUSTRATOR by m∞l na tuto skuteΦnost upozornit.) Exportnφ modul SVG v AI10 mß bohu₧el takΘ problΘmy s pou₧φvßnφm dalÜφch pφsmov²ch °ez∙ z jednΘ rodiny pφsem (jin²ch ne₧ "Regular" respektive "Normal"). U tΘto verze je jedin²m °eÜenφm dodateΦnß ·prava zdrojovΘho k≤du, novß verze AI CS, alias verze 11 z konce roku 2003, naneÜt∞stφ opravuje pouze posledn∞ uvedenou zßvadu.

Nßsledujφcφ otisky ukazujφ doporuΦenΘ nastavenφ exportu. P°i problΘmech s pφsmy zkuste zapnout jejich vklßdßnφ.

AI - Nastavenφ exportu SVG
AI - Nastavenφ exportu SVG (plnß velikost, cca 20 kB)

Nφ₧e vidφte "DalÜφ volby" nastavenφ exportu. Nejzajφmav∞jÜφ pro nßs jsou "Vlastnosti CSS". Z d∙vodu p°ehlednosti a velikosti v²slednΘho k≤du doporuΦuji volbu "Elementy stylu", kterß vytvo°φ uvnit° SVG internφ tabulku styl∙. Adobe Systems ovÜem uvßdφ, ₧e tato volba zp∙sobφ pomalejÜφ vykreslovßnφ SVG v prohlφ₧eΦi. CSS tabulky takΘ nemusφ podporovat n∞kterΘ primitivn∞jÜφ prohlφ₧eΦe.

AI - Nastavenφ exportu SVG - podrobnosti
AI - Nastavenφ exportu SVG - podrobnosti (plnß velikost, cca 20 kB)

Corel Draw 11

Corel podporuje vÜechny obvyklΘ grafickΘ objekty, symboly, pr∙hlednosti a vytvß°enφ hyperlink∙. Text umφst∞n² na k°ivce stejn∞ jako Illustrator rozkouskuje na jednotlivΘ znaky. Pozitivn∞ se v poslednφ dob∞ projevuje fakt, ₧e tato firma se intenzivn∞ v∞nuje v²voji profesionßlnφch grafick²ch °eÜenφ zalo₧en²ch na SVG a v tΘto oblasti se tu za rok 2003 hodn∞ pokroΦilo.

CDR11 - Object Properties

Na obrßzku vidφte paletu "Object Properties", kde lze vytvß°et hypervazby (nastavenφ v dolnφ polovin∞ palety mß v²znam pouze pro zobrazenφ aktivnφho objektu v prost°edφ CDR). Prßce s JavaScriptem ve verzi 11 nenφ podporovßna v∙bec. Nemß v∙bec ₧ßdnou implementaci SVG filtr∙. "M∞kkΘ" stφny vytvo°enΘ interaktivnφmi nßstroji Corelu jsou jako bitmapa p°ipojeny k v²slednΘmu exportovanΘmu souboru.

Pr∙hlednost grafiky

Pr∙hlednost lze vytvo°it dv∞ma zp∙soby. Prvnφm je pou₧itφ efektu Transparency. (Corel tyto efekty naz²vß "Lens".) Zp∙sob je to velmi omezen², objekt toti₧ m∙₧e b²t pouze jednobarevn². Druhou cestou je pou₧itφ nßstroje "Interactive Transparency" (ikona skleniΦky se stφnem). Ten dokß₧e na libovoln² objekt aplikovat vÜechny mo₧nΘ zp∙soby pr∙hlednosti, poΦφnaje konstantnφ, p°es "dvoubodovou" (transparentnost definuje p°echod v alfa kanßlu) a konΦe pr∙hlednostφ definovanou bitmapov²m obrazem.

Paleta "Object Manager" zhruba odpovφdß palet∞ vrstev z AI10. Vidφme na nφ zßkladnφ strukturu objekt∙ v dokumentu. Objekty samoz°ejm∞ takΘ lze p°ejmenovat - toto ruΦn∞ zadanΘ jmΘno se ve v²slednΘm SVG projevφ jako atribut "id" danΘho grafickΘho prvku:

CDR11 - Object Manager

Kvalita exportu

Vizußln∞ se jevφ vektorov² obraz v browseru v²born∞, soust°edφme-li ale pozornost na kvalitu v²stupnφho XML, tam je bohu₧el situace o poznßnφ horÜφ ne₧ u ILLUSTRATORu. Souvisφ to pravd∞podobn∞ s filozofiφ tisku, kterou pou₧φvajφ programßto°i CDR.

Nßsledujφcφ kresba obsahuje nepr∙hledn² modr² troj·helnφk a kruh vypln∞n² p°echodem, kter² mß interaktivn∞ nastavenu prom∞nnou pr∙hlednost. Corel se zde chovß, jako kdyby nem∞l k dispozici pr∙hlednost SVG (vysv∞tluji si to tak, ₧e pßnovΘ prost∞ jako zßklad pou₧ili rutiny pro v²stup do PostScript Level 2, kter² jak znßmo pr∙hlednost neumφ).

CDR11 - chybn² export

Aby vykreslil Φßst ovlivn∞nou pr∙hlednostφ, ud∞lß CDR zhruba nßsledujφcφ: VypoΦφtß sßm barevnost vrchnφho objektu, jak by vypadala smφchßna s modrou podkladovΘho troj·helnφka p°i danΘ pr∙hlednosti. PotΘ duplikuje vrchnφ objekt (kruh), vyplnφ jej vypoΦφtanou smφÜenou barvou a o°φzne jej podle pr∙seΦφku obou objekt∙. V²sledkem je zb∞sil² k≤d, kter² obsahuje vÜechny objekty dvakrßt?! A aby toho nebylo mßlo - pokud jsme si n∞kter² objekt pojmenovali, abychom jφm mohli manipulovat pomocφ skriptu, ob∞ kopie budou mφt stejn² atribut "id", co₧ podle pravidel XML korektnφ urΦit∞ nenφ.

Pφsma generuje Corel 11 efektivn∞ji, ale styly jako BOLD, ITALIC a podobn∞ op∞t nezvlßdß. Neumφ generovat soubory pφsem .CEF podle normy SVG - pouze vklßdat pφsmena (glyfy) do SVG souboru. P°esnost v tomto p°φpad∞ nastavte minimßln∞ na 1:100. Nelze zvolit k≤dovßnφ textu - p°i testovßnφ program p°esto ΦeÜtinu zvlßdl.

CDR - Nastavenφ exportu SVG
CDR - Nastavenφ exportu SVG (plnß velikost, cca 15 kB)

Aktualizace

Vzhledem k mΘmu zpo₧d∞nφ p°i p°φprav∞ textu se jeÜt∞ p°ed uve°ejn∞nφm Φlßnku objevily dv∞ aktualizace exportnφch filtr∙ Corelu. K v²znamnΘmu zlepÜenφ doÜlo v implementaci pr∙hlednostφ, kterß u₧ je koneΦn∞ podle definice SVG. Bohu₧el nejsou sprßvn∞ nastaveny pr∙hlednosti tah∙. A dalÜφ zßke°nß chybiΦka - stφn, kter² vidφte v nßsledujφcφ ukßzce, je stßle realizovßn jako p°ipojenß bitmapa a cesta k tomuto obrazu je navφc chybn∞ generovßna podle DOSovΘ konvence s obrßcen²m lomφtkem! Daleko lepÜφ a zcela bez v²hrad je nynφ export textov²ch element∙. A jako t°eÜniΦka navrch znateln∞ dosp∞lejÜφ verze 2.1 prohlφ₧eΦe CSV. Tak₧e, p°es vÜechny v²hrady, rozhodn∞ upgradujte!

Vzhled testovacφ grafiky v SVG prohlφ₧eΦi

OpenOffice

OpenOffice verze 1 p°edstavujφ kancelß°sk² balφk s mnoha propracovan²mi funkcemi, je₧ se m∙₧e sm∞le m∞°it s obdobn²m programov²m balφkem Microsoftu. Zatφmco MS v ΦerstvΘ verzi balφku Office takΘ zaΦal podporovat uklßdßnφ XML a SVG dat, OpenOffice jsou schopny exportu SVG ji₧ podstatn∞ delÜφ dobu.

U aplikacφ, kterΘ XML pouze exportujφ a generujφ ze svΘho internφho (odliÜnΘho) formßtu hodn∞ zßle₧φ na tom, kolik ·silφ bylo v∞novßno implementaci specißlnφch prvk∙ jazyka do exportnφho algoritmu. Hned potΘ musφm jednφm dechem dodat, ₧e v p°φpad∞ OpenOffice byly podobn∞ jako v p°φpad∞ prvnφ verze CDR11 zcela opomenuty progresivnφ vlastnosti SVG, mezi kterΘ je nutno poΦφtat zejmΘna pr∙hlednosti a alfa maskovßnφ objekt∙.

Schopnosti OpenOffice jsou opravdu obrovskΘ a mezi jin²m disponujφ mo₧nostφ mφt nezßvisle na sob∞ pr∙hlednΘ tahy a v²pln∞ (je mo₧nß i prom∞nnß pr∙hlednost pomocφ masky). NaneÜt∞stφ op∞t stejn∞ jako programßto°i prvnφch verzφ Corelu 11 i auto°i OpenOffice stßle jeÜt∞ v∞zφ v minulosti, kdy ₧ßdnΘ za°φzenφ a ₧ßdn² obrßzkov² formßt nezvlßdal pr∙hlednost vektorov²ch objekt∙ a lidΘ pracn∞ vym²Üleli postupy k jejφ simulaci. Formßtovßnφ textu trpφ podobn²m neduhem jako exportnφ modul ILLUSTRATORu, toti₧ zbyteΦn²m opakovßnφm mnoha atribut∙. Atraktivnφm dopl≥kem OpenOffice jsou 3D objekty - ty se ale dokonce ani neexportujφ jako k°ivky, p°evedou se na bitmapy!

A tak, bohu₧el, jsou OpenOffice velk²m zklamßnφm dne, s takov²m stavem bychom se opravdu, ale opravdu necht∞li smφ°it.

Karbon14

Schopn² vektorov² editor pat°φcφ do skupiny okolo KDE projektu. Mezi ne zcela b∞₧nΘ vlastnosti pat°φ nap°φklad schopnost vym∞≥ovat si data v profesionßlnφm formßtu Illustratoru nebo jako EPS, prßce s vrstvami, kvalitnφ implementace pr∙hlednostφ, text umφst∞n² na k°ivce nebo t°eba implementace n∞kter²ch vektorov²ch filtr∙.

Karbon14 - pracovnφ plocha
Karbon14 - pracovnφ plocha (plnß velikost, cca 45 kB)

Dßle je t°eba vysoce ocenit nap°φklad paletu "navigßtor" a vrstvy, kterß stejn∞ jako AI od verze 9 zobrazuje dokonce vÜechny objekty uvnit° kresby. V °eΦi SVG - vidφme v podstat∞ grafickΘ zobrazenφ struktury DOM. Najdou se i paletky pro grafickΘ zobrazenφ historie dokumentu, knihovny vzork∙, pop°φpad∞ klipart∙ (bohu₧el zatφm nefungujφ jako pravΘ symboly v SVG grafice).

Musφm uznat, ₧e s nabφdkou modernφch funkcφ je na tom Karbon14 velmi dob°e - vzhledem ke svΘ praxi s Illustratorem odhaduji, ₧e inspirace p°ichßzφ prßv∞ odtud. I kdy₧ se jednß o v²vojovou verzi programu s oznaΦenφm verze 0.1, prßce s nφ je pom∞rn∞ p°φjemnß. Chybφ mi jen vφce nßstroj∙ pro editovßnφ (spojovßnφ a rozpojovßnφ) vektorov²ch cest, p°idßvßnφ a ubφrßnφ bod∙ a sluΦovßnφ ploch. Pro manipulaci s textem platφ totΘ₧, co nap°φklad pro Web Draw z p°edchozφho Φlßnku. Mo₧nost maskovßnφ neexistuje.

Pro ·Φely testovßnφ jsem zkompiloval nejnov∞jÜφ betaverzi KOffice 1.3. Musφm °φci, ₧e exportovanΘ SVG soubory jsou velmi dob°e optimalizovanΘ a podporujφ vÜechny modernφ vymo₧enosti typu pr∙hlednost a podobn∞. I kdy₧ se betaverze chovala vcelku rozumn∞, nemohl jsem vyzkouÜet export textu, nebo¥ prßv∞ v tΘto oblasti se vyskytovalo nejvφce nevychytan²ch "bleÜek". Pokud mßm v∞ci shrnout, Karbon14 je hork² kandidßt na nejlepÜφ vektorov² editor pro Linux.

Amaya

Amaya je nßstroj v prvnφ °ad∞ urΦen² pro demonstraci nov²ch standard∙ W3 Consortia a rozsahem funkcφ nebo komfortem rozhodn∞ nenadchne, ale pro prvnφ pokusy urΦit∞ postaΦφ. Vlastn∞ je to editor i prohlφ₧eΦ HTML, SVG a MathML a jako takov² umφ vytvß°et bu∩ samostatnΘ soubory SVG, nebo m∙₧ete SVG vklßdat p°φmo do HTML prostoru.

Amaya - pracovnφ plocha
Amaya - pracovnφ plocha (plnß velikost, cca 15 kB)

Amaya mß samoz°ejm∞ stromovΘ zobrazenφ i editor zdrojovΘho k≤du. Amaya dovoluje vytvo°it jednoduchΘ deklarativnφ animace polohy a barvy objekt∙. K dispozici je paleta, kde mohou b²t umφst∞ny Φasto pou₧φvanΘ grafickΘ prvky. Po vlo₧enφ do dokumentu ale nejsou tyto prvky prav²mi symboly. Zato v prßci s textem p°ekonßvß i WebDraw nebo XStudio.

V dob∞ vzniku tohoto Φlßnku byla aktußlnφ verze 8.1, kterou si nainstalujte rozhodn∞ ve verzi OpenGL - m∞la by podporovat zobrazovßnφ pr∙hlednosti a snad i animaΦnφ prvky.

K2D, KSVG a Konqueror

Zajφmav² pokrok z hlediska SVG uΦinilo u₧ivatelskΘ prost°edφ KDE znßmΘ svou vysokou kvalitou. Jeho centrßlnφ souΦßstφ je prohlφ₧eΦ Konqueror, kter² se obdobn∞ jako ve Windows pou₧φvß jak pro prohlφ₧enφ soubor∙, tak Internetu. (Mimochodem Konqueror se stal zßkladem i pro nov² prohlφ₧eΦ Safari na Mac OS.) Pro nßs je ovÜem vrcholn∞ zajφmavΘ, ₧e v ΦerstvΘ verzi KDE 3.2 se jeho nativnφ souΦßstφ stßvß implementace SVG standardu - pojmenovanß v rßmci zvyklostφ tohoto projektu KSVG, jak jinak.

K2D

Na KSVG je postaven nativnφ editor KDE 2D Workbench - K2D, kter² je ovÜem ve velmi ranΘ fßzi v²voje. Jen s velk²mi obtφ₧emi jsem zφskal zdrojov² balφk verze 0.1, kter² navφc obsahoval pßr chybiΦek brßnφcφch ·sp∞ÜnΘmu zkompilovßnφ. Po jejich odstran∞nφ jsem dostal v²sledky, kterΘ ukazujφ nßsledujφcφ snφmky.

KDE 2D Workbench - K2D

Prßce s K2D je pom∞rn∞ p°φjemnß, ale editor je skuteΦn∞ stßle na poΦßtku cesty. V souΦasnΘm stavu dovolφ vytvß°et vektorovΘ objekty, texty, potΘ je obarvit a dßl u₧ nic moc. Nefungujφ zatφm ani p°echody barev. M∙₧ete si povÜimnout, ₧e nastavovßnφ vÜech atribut∙ je velmi detailnφ a soust°ed∞no na jednΘ obrovskΘ palet∞ se zßlo₧kami. Pokud se poda°φ aplikaci vypiplat bude urΦit∞ zajφmavß pro autory SVG k≤du, ale pro b∞₧nΘ u₧ivatele asi trochu komplikovanß a matoucφ.

K2D - centrßlnφ paleta
K2D - centrßlnφ paleta (plnß velikost, cca 25 kB)

Zobrazenφ SVG v prohlφ₧eΦi s pou₧itφm KSVG

Na tomto poli vykazuje mnou testovanß betaverze KDE 3.2 velmi hezk² pokrok a v∞°φm tomu, ₧e p°edstavuje v²znamn² posun v cest∞ k neomezenΘmu nasazenφ SVG v ka₧dodennφ praxi. Nßsledujφcφ otisk ukazuje n∞kolik stoprocentn∞ spln∞n²ch test∙ W3 konsorcia:

Konqueror - textov² test
Konqueror - textov² test (plnß velikost, cca 30 kB)

Mohu prohlßsit, ₧e v podstat∞ vÜechny kresebnΘ prvky jsou funkΦnφ, vΦetn∞ t∞ch problematiΦt∞jÜφch, jako jsou masky nebo text umφst∞n² na k°ivce. Nejzßva₧n∞jÜφ nedostatek v tΘto oblasti p°edstavuje nefunkΦnost SVG pφsem (postup umo₧≥ujφcφ vlo₧it vektorovΘ fonty p°φmo do SVG grafiky). Pom∞rn∞ dob°e takΘ funguje programovateln² objektov² model DOM vΦetn∞ funkΦnosti udßlostφ, co₧ ji₧ v aktußlnφ verzi knihovny umo₧≥uje pomocφ JavaScriptu v urΦitΘ mφ°e grafiku rozh²bat - viz ukßzka pohybliv²ch analogov²ch hodin.

Bohu₧el zatφm v∙bec nejsou implementovßny bitmapovΘ SVG filtry. Na samΘm poΦßtku programßtorsk²ch pracφ jsou v tΘto betaverzi evidentn∞ animace - jeÜt∞ nefunkΦnφ, ale ji₧ ve v²rob∞ - co₧ je velmi dobrΘ.

IMS Web Dwarf

Tento program je souΦßstφ v∞tÜφho sharewarovΘho IMS balφku k vizußlnφmu vytvß°enφ webov²ch strßnek HTML a obsahuje pom∞rn∞ sluÜnou podporu pro SVG. Zp∙sob kreslenφ, omezenΘ grafickΘ nßstroje a u₧ivatelsk² komfort mne p°i testovßnφ nijak nenadchly, ovÜem pro zaΦßtek m∙₧e Dwarf staΦit. Zmi≥uji se o n∞m p°edevÜφm proto, ₧e vyu₧φvß ji₧ d°φve zmi≥ovanΘho spoleΦnΘho prvku HTML a SVG (pota₧mo XML) - toti₧ shodn² objektov² model. Dφky analogickΘmu objektovΘmu modelu DOM umo₧≥uje vytvß°et nap°φklad jednoduchΘ animovanΘ strßnky kombinujφcφ HTML s SVG.

Real Draw

Populßrnφ sharewarov² editor bitmapov²ch obrßzk∙, kter² umo₧≥uje snadno vytvß°et i pom∞rn∞ velmi pokroΦilΘ efekty. Podobn∞ jako profesionßlnφ Protoshop obsahuje i vektorovou kreslicφ Φßst. Real Draw umo₧≥uje exportovat kresbu do SVG, co₧ vypadß vzhledem k jeho schopnostem velmi lßkav∞. Verze aktußlnφ v dob∞ vzniku tohoto textu bohu₧el stßle jeÜt∞ obsahovala pom∞rn∞ mnoho chyb. Program p°evßdφ p°i exportu pφsma na k°ivky, ovÜem prßv∞ tato funkce obsahovala v testovanΘm programu zßsadnφ chybu, zp∙sobujφcφ totßlnφ "rozsypßnφ" obrysu znak∙.

Real Draw

Pokud by auto°i Real Draw p°idali krom∞ oprav jeÜt∞ aplikaci alespo≥ n∞kter²ch "prav²ch" SVG filtr∙, kterΘ efekt nevklßdajφ coby bitmapu do SVG souboru, ale generujφ jej a₧ v prohlφ₧eΦi, aby se zmenÜila velikost p°enßÜen²ch dat, byl by v²sledkem siln² nßstroj.

Testy implementacφ SVG

A nakonec jeÜt∞ pro zajφmavost v²sledky testovßnφ prohlφ₧eΦ∙, provedenΘho organizacφ W3C (dokument nenφ ·pln∞ nejnov∞jÜφ, tak₧e n∞kterΘ novinky chybφ). Upozor≥uji zvlßÜt∞ na Bitflash, kter² se ji₧ doΦkal praktickΘho nasazenφ v mobilnφch za°φzenφch, o tom pßr slov n∞kdy p°φÜt∞. A informace, kterΘ prosakujφ o novΘ verzi Adobe SVG Vieweru, tvrdφ, ₧e se Φekß pouze na definitivnφ verzi normy SVG 1.2, aby prohlφ₧eΦ splnil vÜechny po₧adavky na sto procent...

Hejral, Martin (4. 2. 2004)

Pr∙vodce SVG - Scalable Vector Graphics

SVG je progresivnφ technologiφ, kterß umo₧≥uje v rßmci internetov²ch strßnek vyu₧φvat v²hod vektorovΘ grafiky. Seznamte se se stavem implementace, pou₧iteln²mi editory a dalÜφmi zajφmavostmi, jako je nap°φklad dynamickΘ skriuptovßnφ grafiky. Tato sΘrie Φlßnk∙ dosud nebyla ukonΦena!