Studuji vektorovou grafiku (Kychot)

2008-04-22 úterý editovat

(Čá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 editovat

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 editovat

Balíky v Debianu editovat

-> Hozeno do SVG

2009-02-25 středa editovat

Stáhnul jsem si na Mivvy m310

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

2009-02-26 čtvrtek editovat

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 editovat

  • 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 editovat

  • 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 editovat

  • 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 editovat

  • 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 editovat

-> přesun do SVG

2009-02-28 sobota editovat

Tak ještě pokus editovat

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

Jak to dopadlo:

  1. 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.
  2. 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 editovat

2009-03-02 pondělí editovat

  • 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 editovat

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