Knihovna Raphaël aneb jak používat SVG na webu již dnes
Nálepky:
Raphaël je javascriptová knihovna pro tvorbu interaktivní vektorové grafiky. Výstup vykresluje pomocí SVG v prohlížečích, které SVG podporují. V Internet Exploreru použije VML. Výsledek by tak měl fungovat ve všech prohlížečích stejně. Raphaël je dostupná pod MIT licencí. Knihovnu si můžete vyzkoušet na několika ukázkách nebo se podívat do dokumentace. Může vám po sloužit jak ke tvorbě interaktivní grafiky, tak k jednoduchému obohacení vašich stránek, např. k šikmému oříznutí fotografie, jako v následujícím demu na SitePoint. Vývojáři sice neprovozují blog, ale můžete je sledovat na Twitteru.
Martin Hassman
Martin Hassman založil a řadu let vedl magazín Zdroják, absolvoval VŠCHT Praha, pořádal řadu konferencí, pomáhal s rozšířením otevřených technologií, byl u založení projektů CZilla, Dáme roušky a dalších. Vymyslel a dva roky vedl dobrovolnický projekt Movapp pod Česko.Digital. Nyní pracuje jako produktový manažer v datové platformě Golemio.cz.
V ukázce nejde o oříznutí, ale o otočení. Fotografie zůstane celá.
Jinak toto vypadá opravdu pěkně…
Tato ukázka http://raphaeljs.com/australia.html by se docela dost hodila, akorát jsem zvědavý, KDO zadá souřadnice té image mapy … jestli si to skript spočítá sám, nebo u toho vývojář zmagořil …
Nejedná se o image mapu, ale přímo o cestu SVG (VML), na kterou se pak jen jednoduše naváže onmouseover event handler. Cestu lze získat jednoduše – např. namalovat v Inkscape (kde ji lze popř. i přímo tracovat z bitmapy).
Jinak ta knihovna vypadá pěkně, bohužel je to jen náhražka. Hlavní síla SVG je totiž právě v tom, že se jedná jak o značkovací jazyk, tak o API. Ale i tak může to být v současné době užitečné, protože oproti Canvasu je tam alespoň nějaký přístup k DOM a ne jen primitivní kreslítko.