Vektorová grafika/Kychot

Studuji vektorovou grafiku (Kychot)

2008-04-22 úterý

(Část obsahu už jsem přesunul na SVG a tady vymazal, aby se to zbytečně nedublovalo)

Po Juanovi jsem se rovněž konečně také rozhodl studovat vektorovou grafiku.

Důvody

Zatím jen pár důvodů, proč se jí stojí za to věnovat (netvrdím, že jsou to nutně ty nejdůležitější):

Podporuje se to na Commons:
dá se snadno konvertovat z a do PDF; lépe řečeno, SVG objekty lze do PDF přímo vkládat (embeddovat), takže v podstatě SVG grafika vložená do PDF souboru je čitelná vším, co umí číst PDF soubory (např. AcrobatReader). Toto vložení je rychlé, stačí na to malý skript např. v perlu nebo pythonu
na malování v SVG jsou knihovny v Perlu
dá se to jednoduše konvertovat z .fig, což je rovněž vektorový formát
rastrovat to není problém
výstup z Octave verze 2.1 jsem doposud řešil přes gnuplot výstupem do formátu .fig, který jsem pak konvertoval do PDF. Novější verze Octave už ale pomalu přestává gnuplot podporovat a tak je na čase se porozhlédnout po nějakém perspektivním řešení.
na SVG se dá koukat očima a rozumět tomu, v případě potřeby se to dá upravovat jakýmkoli textovým editorem (např. změna barvy objektu), což se mi zrovna děje (z nějakého podivného důvodu mám křivky jednou černé, pak fialové a teď zase žluté, když je maluji z Octave přes gnuplot
potřebuji malovat nějaké biosignály, a to nejen přes Octave
když už se do toho pustil Juandev a máme tu na toho takovýho dobrýho tutora, tak proč toho nevyužít?

Nevýhody

OpenOffice.org to zatím moc nepodporuje - soubor .svg otevře v OpenOffice.org/Writer

Balíky v Debianu

-> Hozeno do SVG

2009-02-25 středa

Stáhnul jsem si na Mivvy m310

Pavel Tišnovský - SVG in: Seriál Grafické formáty na rootu
dump Wikiverzity z 2009-01-23,

abych to mohl studovat v lese bez připojení na Inet.

2009-02-26 čtvrtek

Dle seriálu na rootu studuji:

Cesta = složená polyčára:
- úsečky
- kruhové a eliptické oblouky
- Bézierovy kvadratické a kubické křivky

2009-02-27 pátek

Studuji SVG dle seriálu na rootu
Řeším, jak do příštího čtvrtka mít prezentaci o Elektřině v SVG tak, aby se dala nějak exportovat do OpenOffice.org/Impress a posléze do MS PowerPoint (striktní požadavek šéfa Ústavu biofyziky).
Uvažuji o tom, jak řešit Biosignály: Software v SVG

Pokusy

natáhnu staré slajdy el.odp do OpenOffice.org Impress
uložím to jako el.svg
podívám se na to pomocí Mozilla Firefox, ale jsou tam vidět jen některé čáry (křivky), některé čáry (rastr) tam není vůbec, text také ne.
otevřu to znovu OpenOffice, ten to otevře v OpenOffice.org Draw, ale není tam vidět už vůbec nic

Inkscape

http://www.inkscape.org/
Zásadní problém: na subnotebooku s obrazovkou 1024x600px se mi to navýšku nevejde na obrazovku. A nejde to už víc smrsknout.
Problémem asi bude příliš mnoho ikonek na levé straně
Je to tak: View/Show-Hide/Toolbox – když se dá pryč, jde to smrsknout. Ale nevím, kde ho zredukovat
Částečně ten problém řeší F11 fulscreen mode
Help – návody jen na Inetu, ale když nejsem připojený :-(
nějaké příklady SVG:
- /usr/share/inkscape/clipart
- /usr/share/inkscape/examples
- /usr/share/inkscape/extensions – různé extenze v Pythonu a XSL

Inkscape 0.46 versus OpenOffice 2.4

Namaluju něco v Inkscape .svg
načtu to v OpenOffice Draw:
- trochu se to zvětší (A4 naležato přeteče)
- nenačte to žádná písmenka (texty) !
- dopíšu tam nějaké texty v OpenOffice/org Draw (který má nativní formát .odg)
- vyexportuji to do SVG
- načtu to do Inkscape
- je změněný formát stránky (na výšku), ale písmenka (texty) z OO tam jsou!
- ten původní SVG zdroj je ale ztracen! Jsou z toho už jen řady číslic v path. Takže je to skutečně jen jakýsi expandovaný export, nikoli uložení.

Zkusím ukládat z Inkscape v různých formátech a koukat, jak to pak OpenOffice.org Draw otevře a jestli přečte texty (velikost zkušebního souboru v kB):

Inkscape SVG (15 kB): nepřečte texty
Plain SVG (12 kB): nepřečte texty
EPS, volba: Convert text to Paths (131 kB): pak už ty texty přečte, ale nedá se už manipulovat s objekty
EPS, volba: Embed fonts (433 kB): texty přečte, ale nedá se už manipulovat s objekty
ODG (OpenOffice.org Draw) (50 kB): texty tam nejsou
AI (Adobe Ilustrator, embeded fonts) (99 kB): Obrázek rotovaný doleva, texty tam jsou, nelze manipulovat s objekty

Utility aj. balíky pro SVG

-> přesun do SVG

2009-02-28 sobota

Tak ještě pokus

Napíšu nějaký text v OpenOffice.org Draw a vyexportuji do SVG (a také uložím v .odg a ve Flat XML .fodg
Podívám se na to v Inkscape
Podívám se na to v textovém editoru
Stejným stylem tam něco dopíšu
Podívám se na to v OpenOffice.org Draw

Jak to dopadlo:

OpenOffice.org Draw:
1. Defaultní stránka A4 na výšku Defaultní font: Liberation sans 18, já napíšu tři řádky:
  1. Liberation sans 36
  2. Nimbus sans L 36
  3. Free Serif 36
2. Uložím jako: Kresba ODF: Hallo.odg (12 kB)
3. Exportuju jako Hallo.svg (20 kB)
4. Uložím jako Flat XML: OpenOffice.org havaroval kvůli neočekávané chybě. Spustit obnovu dokumentů: obnoveno. Na druhý pokus to samé, opět havarovalo.
Inkscape:
1. Hallo.odg – nenačte, neumí
2. Hallo.svg – načte, ale:
  1. Všechny tři řádky jsou jedním nějakým bezserifovým fontem
  2. Jsou rozhozené vzdálenosti mezi znaky (nahňácané na sebe)

Kouknu se do .odg: content.xml:


<style:style style:name="P4" style:family="paragraph">
<style:paragraph-properties fo:margin-left="0cm" fo:margin-right="0cm" fo:text-indent="0cm"/>
<style:text-properties fo:font-family="FreeSerif" style:font-family-generic="roman" style:font-pitch="variable" fo:font-size="36pt" style:font-size-asian="36pt" style:font-size-complex="36pt"/>
</style:style>

<text:span text:style-name="T1">Liberation sans 36</text:span>
<text:span text:style-name="T2">Nimbus sans L 36</text:span>
<text:p text:style-name="P4">Free serif 36</text:p>

Firefox to Hallo.svg vůbec nezobrazí
Nezobrazí to ani jako Hallo.xml !?

2009-03-01 neděle

Namísto této stránky jsem založil SVG.
Odkazy na návody, seriály atd. z této stránky přehazuji do SVG
Studuji dle seriálu až do 4. Vlastnosti cest a základních geometrických tvarů v SVG a snažím se nějakou tresť z toho + vlastních pokusů a omylů vtělit do SVG

2009-03-02 pondělí

Už jsem zase na Inetu
Přepastuji to na Wikiverzitu
Některé důležitější věci přetahám odsud na SVG
Učešu to na nějakou štábní kulturu

Text

Opět experimentuji s textem. Použiji vzor ze seriálu Gradientní výplně a textové objekty v SVG, viz Obrázek 5: Třetí demonstrační příklad po zobrazení v prohlížeči SVG souborů

Otevřu jej v inkscape a tam se mi vůbec nezobrazí ty šedé čáry, popsané jako:

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="400" height="400" viewBox="0 0
  <!-- úsečky vykreslené implicitním stylem --> 
  <line x1="0" y1="0" x2="0" y2="199"/>
  <line x1="0" y1="20" x2="20" y2="199"/>
  <line x1="0" y1="40" x2="40" y2="199"/>
  <line x1="0" y1="60" x2="60" y2="199"/>
  <line x1="0" y1="80" x2="80" y2="199"/>
  <line x1="0" y1="100" x2="100" y2="199"/>
  <line x1="0" y1="120" x2="120" y2="199"/>
  <line x1="0" y1="140" x2="140" y2="199"/>
  <line x1="0" y1="160" x2="160" y2="199"/>
  <line x1="0" y1="180" x2="180" y2="199"/>
  <line x1="0" y1="199" x2="200" y2="199"/>
</svg>

Ty čáry se mi ale nezobrazí ani v prohlížeči Mozilla Firefox. Ale to je teď detail, mě zajímá ten text.

Pak to otevřu v OpenOffice.org Draw, tam se mi zobrazí jen holý text na správném místě, ale stále stejným jedním bezserifovým fontem, jedné velikosti, černě.

Takže to vypadá, že OpenOffice ten text v SVG naprosto nezvládá.

Po chvíli brouzdání zjišťuji, že to je stará známá věc a že se to řeší všelijakými filtry. Tak na to zakládám stránku OpenOffice.org/SVG Import Filter