pzeleny@kurzygrafiky.cz        Tel.: 724 810 701

Košík je prázdný

Inkscape - interaktivní prvky - tlačítka pro změnu barvy

Inkscape umožňuje pomocí vlastností objektu nastavovat různé funkce reagující na událost. Událostí bývá nejčastěji kliknutí myší. Následující návod vás seznámí se základy tvorby interaktivních kreseb v Inkscapu. Konkrétně se v tomto návodu naučíte jak můžete pomocí tlačítek měnit barvu jiného objektu.

Ukázka praktického využití miniaplikace z Inkscapu - barevná konfigurace produktu.

Nejprve si otevřete Nový dokument Inkscape. V prázdné stránce nakreslete čtyři objekty - tři které budou sloužit jako tlačítka a jeden, který bude měnit barvu.

inkscape tlačítka


 

Klikněte na objekt, který se bude měnit pravým tlačítkem myši. V dialogovém okně zvolte možnost Vlastnosti objektu. Změňte položku ID (v okně Vlastností nahoře) na jakýkoliv název (v tomto příkladu "kolecko"). Důležité !!! je po změně názvu kliknout na tlačítko Nastavit.

inkscape tlačítkainkscape tlačítka


 

Označte první z tlačítek a opět otevřete okno Vlastnosti objektu. Ve spodní části okna rozklikněte volbu Interactivity.

Do políčka onclick (udáslost při kliknutí myší na vybrané tlačítko) vložte následující kód:     document.getElementById("kolecko").style.fill="green"

První část příkazu (document.getElementById("kolecko")) odkazuje na objekt v dokumentu s názvem "kolecko". Druhá část (.style.fill="green") říká, že daný objekt změní barvu výplně (fill) na zelenou.


 

Stejný postup zopakujte pro všechna tlačítka. Kód bude vždy stejný - pouze s jinou barvou na konci kódu.

Dokument uložte ve formátu SVG a v prohlížeči vyzkoušejte (doporučuji Google Chrome).

 

 

------ © 2015 KURZY GRAFIKY ------ Všechna práva vyhrazena. Kopírovat obsah bez souhlasu autora je zakázáno.

Icons made by Freepik from www.flaticon.com is licensed by
CC BY 3.0

Soubory cookie nám pomáhají poskytovat, chránit a zlepšovat naše služby. Pokud budete náš web používat i nadále, vyjádříte tím svůj souhlas s našimi zásadami týkajícími se souborů cookie.

 

OBCHODNÍ PODMÍNKY

KURZYGRAFIKY.CZ

Prokop Zelený, DiS.
Veronské nám. 331
Praha 10  10900

pzeleny@kurzygrafiky.cz
tel.: 724 810 701

Soubory cookie nám pomáhají poskytovat, chránit a zlepšovat naše služby. Pokud budete náš web používat i nadále, vyjádříte tím svůj souhlas s našimi zásadami týkajícími se souborů cookie. Informace o cookies ZDE.

  
EU Cookie Directive Module Information