Jak implementovat animované SVG z AE na web?

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

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

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

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

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

Pro odpověď se přihlašte.

Prodej Více

Prodám doménu prodej-parfemy.cz

5 000 Kč

0 příhozů

Web na sběr kontaktů – keycapital.cz – doména, hosting, https, emaily, obsah

4 990 Kč

0 příhozů

🐾 Na prodej e-shop TopZverimex.cz – skvělý základ pro podnikání v oblasti chovatelských potřeb

12 000 Kč

0 příhozů

Doména platbtc.cz – ideální pro projekt o platbách Bitcoinem v Česku

5 000 Kč

0 příhozů

💸 Srovnavač půjček abpujcky.cz

30 000 Kč

0 příhozů

Poptávky Více

Hledáme vývojáře VR aplikací pro spolupráci na unikátních vzdělávacích projektech

🎬 Voiceover 3 českých UGC videí do slovenštiny + titulky (může být i AI)

medior/seniro v N8N , sekundarne Make.com

Tvorba jednoduchého webu, na sběr realitních leadů.

Hledáme provizní partnery pro originální projekt zpivejaprodavej.cz – 500 až 1 000 Kč za zakázku!

Pracovní nabídky Více

Lead Insight Analyst

Práce z domu, Praha

Mobilní vývojář pro Android – Kotlin / Java

Linux Administrator

Hledáme Aplikačního specialistu / Project Support!

Práce z domu, Praha

45 000 - 50 000 Kč

Stabilní flexibilní dočasná práce na 2 roky vhodné pro Osoby samostatně výdělečně činné (OSVČ)

Brno, České Budějovice, Hradec Králové, Jihlava, Karlovy Vary, Liberec, Olomouc, Opava, Ostrava, Pardubice, Plzeň, Práce z domu, Praha, Ústí nad Labem, Zlín

25 000 - 60 000 Kč

Nabídky Více

Tvorba webů a grafiky

😎 Špičkové články pro váš blog za SUPER CENU!

📣 Nabídka správy PPC: Google Ads, Sklik, Facebook Ads, LinkedIn Ads

✨ PROFI web rychle a za pár korun

🔧 Nabízím vývoj webů a aplikací na míru