svg cd.

No cóż, mój własny niedawny entuzjazm do SVG nieco opadł gdy obejrzałem efekty działań innych entuzjastów SVG w polskiej wikipedii. Chodzi konkretnie o różne mapki z zaznaczonymi polskimi województwami, bo na tym się niechcący skupiłem. Myślałem, że w SVG da się robić małe pliki, mniejsze nawet niż GIF-y. Może tak, ale co z tego, prościej jest robić duże, byle gówniana mapka i już 130 KB albo nawet 300 KB.

Spróbowałem sam i garść spostrzeżeń mam. Może nie całą garść, raczej parę (czyli dwa). Pierwsze odkrycie jest zasługą genialnego programu do trasowania, potrace. Otóż w wypluwanych przez potrace SVG ścieżki opisane są liczbami całkowitymi, a dopiero potem całość wielokrotnie zmniejszona. Tym prostym sposobem oszczędza się sporo kropek przy opisie ścieżek, a przecież każda kropka to jeden bajt! Drugie to już sam odkryłem, trudno jest do pokolorowania mapy dobrać nazwane kolory podobnej jasności — ale przecież każdy na białym tle można rozjaśnić ustawiając ułamkową nieprzejrzystość (np. opacity=".7").

Poniżej mój wyrób, zacząłem od flashowej mapki "wydrukowanej" do PDF-a, którego zaraz otworzyłem w Inkscape. Zostawiłem tylko zarysy województw, zalałem je na czarno i zapisałem jako sporą bitmapę w postaci BMP (1000x1000). Którą potem strasowałem potrace do SVG (za pierwszym razem urwało Hel, ale wystarczy pogrubić) i ręcznie (tzn. w edytorze tekstu) pokolorowałem. Czemu tak? A czemu nie? Efekt nie jest zły, poza jednym paskudnym zadziorem na granicy lubelskiego z mazowieckim wszystko dość sensownie zaokrąglone. No i plik ma niecałe 30 KB. Jak ktoś chce niech sobie wytnie ze źródła strony, od <svg> do </svg>. Dwa razy większą mapkę można zrobić zamieniając wszystkie cztery 500 w nagłówku na 1000 i zmieniając skalowanie "warstwy" z województwami z transform="scale(.05)" na transform="scale(.1)" i jednocześnie skalowanie "warstwy" z podpisami ze scale(1) na scale(2) — czyli pomnożyć dwa razy tam gdzie trzeba. Itd. Podpisy najprościej umieszczać w SVG-edit, Inkscape mnie przytłacza, a włącza się tak powoli, że zapominam co chciałem zrobić.

svg?

To niesamowite, ale już wszystkie przeglądarki czyli nawet IE wyświetlają SVG i można robić bardzo fajne mapki albo cokolwiek (np. w SVG-edit). W dodatku SVG wklejone bezpośrednio do HTML5 łatwo dręczyć Javascriptem, co zaraz zademonstruję (po najechaniu kursorem na lipne linki poniżej zapalają się na mapce odpowiednie miasta):

W Polsce odwiedziłem siedem miast, a mianowicie Gdańsk, Warszawę, Kraków, Lublin, Wrocław, Szczecin, Nowy Sącz i Elbląg.

Lying

W rezultacie "afery" Lehrera Harris (zadowolony że stracił konkurenta?) daje za darmo (do końca tygodnia). Nie wiem czy warto brać, jeszcze nie czytałem. Ale wziąłem (zaoszczędzając prawie 10 zł).