Přeskočit na obsah

Vektorová grafika/Kychot

Z Wikiverzity

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