Jak implementovat animované SVG z AE na web?

Štěpán Pánek

verified

(12 hodnocení)

20. 3. 2018 20:26:47

Ahoj,

protože chci být IN, snažím se přijít na podstatu a výhody animovaných SVG obrázků. Mám k dispozici vyexportovnané vlnky z AE (bodymovin plugin), které se lehce pohybují. Chtěl bych je naimportovat na web, ale bohužel se mi to stále nedaří. Najde se zde někdo, kdo má s tímto zkušenosti a mohl by poradit? Rád bych se to naučil, ale moc tutoriálů jsem na to nenašel. Respektive mi nefunguje implementace samotného .json souboru.

Posledně jsem postupoval např. takto, ale nepomohlo: ODKAZ

Se staženým souborem z tohoto webu: ODKAZ

Mockrát díky.

20. 3. 2018 20:26:47

0 0

Líbí se: zatím nikdo

Nelíbí se: zatím nikdo

https://webtrh.cz/diskuse/jak-implementovat-animovane-svg-z-ae-na-web/#reply1336304

verified

21. 3. 2018 08:20:19

Jestli chceš opravdu radu, tam nedávej odkazy na nějaký příklady, ale na to co nefunguje.

21. 3. 2018 08:20:19

0 0

Líbí se: zatím nikdo

Nelíbí se: zatím nikdo

https://webtrh.cz/diskuse/jak-implementovat-animovane-svg-z-ae-na-web/#reply1336303

Štěpán Pánek

verified

(12 hodnocení)

21. 3. 2018 09:19:01

Napsal abe666;1451860
Jestli chceš opravdu radu, tam nedávej odkazy na nějaký příklady, ale na to co nefunguje.

Dělal jsem přesně to samé, co ve zmíněných příspěvcích, jim to opět fungovalo, mně ne.

Stáhl jsem si animované SVG - soubor se jmenuje data.json.

1) Soubor data.json jsem si vložit do výchozí složky se soubory.

2) Do HTML kódu jsem si vytvořil div s id "svgContainer".

3) Následně jsem do JS souboru vložil tento kód:

4) Nalinkoval jsem si příslušné JS knihovny, nakonec i samotný data.json soubor.

5) Výsledek = prázdný div

---------- Příspěvek doplněn 21.03.2018 v 11:59 ----------

Vyřešeno, nefungovalo pouze na localhostu.

21. 3. 2018 09:19:01

0 0

Líbí se: zatím nikdo

Nelíbí se: zatím nikdo

https://webtrh.cz/diskuse/jak-implementovat-animovane-svg-z-ae-na-web/#reply1336302

Pro odpověď se přihlašte.

Prodej Více

Prodej kompletního projektu LIONFOOD.cz – e-shop, značka, receptury a know-how

350 000 Kč

0 příhozů

Bezpečnostní systémy a slaboproudé instalace – zavedená firma s 30letou historií

8 200 000 Kč

0 příhozů

NaBurzu.cz + Na-burzu.cz – 2 atraktivní .CZ domény pro burzy, investování, obchodování a inzertní portály

27 990 Kč

0 příhozů

eshop na prodej pneumatik pro Tesla

50 000 Kč

0 příhozů

Prodej zavedené půjčovny lodí (kanoe, rafty) v jižních Čechách

5 900 000 Kč

0 příhozů

Poptávky Více

Zajištění správy, údržby a rozvoje informačních systémů

Poptávka na pořízení AI serverů

Hledám UX/UI designéra a webdesignéra (WordPress/Elementor/Astra)

Hledáme frontend kódera/ku

Poptávka: Venkovní vánoční focení se psem

Pracovní nabídky Více

Junior IT Analyst

Hradec Králové, Pardubice

Backend vývojář systémového jádra (C++/Python)

Brno, Práce z domu

Junior Developer Python / Django / AI projekty

Práce z domu, Praha

Junior Project Manager

IT Security Officer

Hradec Králové, Praha

Nabídky Více

PPC a reklamy na sociálních sítích – META, TIKTOK, GOOGLE, SKLIK | Přes 10 let zkušeností | Proinvestováno 90+ mil. Kč | Garance plnění vašich cílů

Nabídka překladu do slovenštiny

Individuální úpravy Shoptet e-shopů | HTML, CSS, JavaScript a UI/UX

Technická analýza Vašeho webu od vývojáře ZDARMA

Linux servery, DevOps, automatizace a AI | 9 let praxe