• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Konwersja gifa do XML'a

Object Storage Arubacloud
0 głosów
143 wizyt
pytanie zadane 1 kwietnia 2017 w Grafika i multimedia przez Muhin Gaduła (4,120 p.)

Witam,

Podczas przeglądania SRC pewnej strony zrobionej w canvasie natknąłem się na dziwnie zapisany obrazek gif.

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

Z tego co doczytałem w taki sposób trzeba zapisać gifa żeby canvas wyświetlił jego animację. Zastanawiam się w jaki sposób mogę uzyskać taki kod z animacji typu gif? Czytałem, że trzeba to przekonwertować w XML, ale każdy konverter online który znalazłem robi mi z tej animacji jakieś krzaczki.

1 odpowiedź

0 głosów
odpowiedź 1 kwietnia 2017 przez niezalogowany
edycja 1 kwietnia 2017

To co widzisz powyżej to base64, a więc to co musisz zrobić to:

  1. Zakodować swojego gif'a przy użyciu base64
  2. Wrzucić do XML'a
  3. Na stronie odczytujesz pole z XML'a po czym dekodujesz zawartość jako base64, tyle

Jak zakodować / dekodować obrazek lokalnie:

# transform picture into readable text in base64 (encode)
base64 picture.jpg > encoded.data

# decode from base64 into picture
base64 -d encoded.data > decoded.jpg

 

komentarz 1 kwietnia 2017 przez Muhin Gaduła (4,120 p.)
Dzięki. Udało mi się zakodować to do base64, ale niestety animacja która pierwotnie jest w tym gifie, dalej się w canvasie nie wyświetla. Wiesz co mógłbym jeszcze zrobić?
komentarz 1 kwietnia 2017 przez niezalogowany
komentarz 1 kwietnia 2017 przez Muhin Gaduła (4,120 p.)
Nie zrozumieliśmy się. Obecnie mam to w takiej formie: data:image/gif;base64,....

Gif się wyświetla, ale tylko pierwsza jego klatka. Dalej nic się nie dzieje i zastanawiam się czy da się z tym coś zrobić.

Podobne pytania

0 głosów
1 odpowiedź 192 wizyt
pytanie zadane 23 marca 2017 w JavaScript przez Muhin Gaduła (4,120 p.)
0 głosów
0 odpowiedzi 108 wizyt
pytanie zadane 27 października 2016 w HTML i CSS przez Chisorq Obywatel (1,680 p.)
0 głosów
1 odpowiedź 712 wizyt
pytanie zadane 16 stycznia 2019 w JavaScript przez kralcz88 Obywatel (1,810 p.)

92,555 zapytań

141,403 odpowiedzi

319,556 komentarzy

61,940 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Akademia Sekuraka

Kolejna edycja największej imprezy hakerskiej w Polsce, czyli Mega Sekurak Hacking Party odbędzie się już 20 maja 2024r. Z tej okazji mamy dla Was kod: pasjamshp - jeżeli wpiszecie go w koszyku, to wówczas otrzymacie 40% zniżki na bilet w wersji standard!

Więcej informacji na temat imprezy znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...