SVG animace online

Tento návod ukazuje jednu z možností formátu SVG a to konkrétně animace. SVG je vektorový formát, který lze bez problémů využít i na webu. A proto je vhodný například pro animovaná tlačítka a podobné interaktivní / animované prvky. V tomto návodu Vám ukáži, jak vytvořit jednoduchou SVG animaci snadno online. Využijeme k tomu vynikající stránku svgcircus.com. 

Doporučený postup:

1, do prohlížeče zadejte adresu svgcircus.com
2, v záložce Actors vytvořte tlačítkem Plus (+) nový objekt, stávající tvary můžete smazat křížkem (x) u každého jednotlivého.
3, Objektu nastavte barvu, obrys, velikost a pozici
4, přejděte na záložku Tricks a vyberte požadovanou animaci – v tomto příkladu Scale (změna velikosti)
5, v záložce Scenario vyberte, který efekt se má aplikovat na jaký objekt (Tricks a Actors)
6, animaci lze libovolně upravit v záložce Tricks
7, na závěr si můžete zkopírovat vygenerované SVG pomocí tlačítka Export SVG