ugrás a tartalomhoz

Swiffy Canvas Kimentés

alkony4 · 2016. Szep. 26. (H), 12.20
Tiszteletem!

Az alábbi problémával fordulok hozzátok.
Canvas képet szeretnék kimenteni, viszont adódik a probléma, hogy a canvasomba google swiffys animációk futnak le.
Természetesen jobb klikk mentés másként megoldható hogy lementsem az adott pillanatban a képet, de ez egy animáció esetében ugye elég problémás...
Van e valakinek, valami ötlete, scriptje arra, hogy az animációt kitudjam framenként menteni.
Mielőtt felmerülne a kérdés, hogy hol a priject file és stb... megvan, de lehetetlen ugyan olyan formában ugyan olyan szépséggel kimenteni mint swiffy esetében. Ezért az egyetlen megoldás az, hogy kimentem framenként a képet és összeállítom újra.

Megtisztelő válaszotokat előre is köszönöm.
‹ Böngészőablak magassága JS element létrehozás vagy csak szimplán html tulajdonság ›
 ■
1

Mi a cél

Poetro · 2016. Szep. 26. (H), 12.34
Mi a pontos cél? Lementeni a képkockákat egy canvas-ban? És miért? Mi a baj a canvas-szal?

FileSaver.js
var canvas = document.getElementById("my-canvas");
canvas.toBlob(function(blob) {
    saveAs(blob, "kep.png");
});
2

A pontos cél, canvasból

alkony4 · 2016. Szep. 26. (H), 12.54
A pontos cél, canvasból kimenteni a képkockákat.
Nincs semmi baj a canvassal, csak szükségem lenne a képkockákra (png imagekre), hogy összetudjam állítani ismételten őket, animate cc-ben, mivel ezek jelenleg google swiffy által generált / futtatott anyagok.
Még nem volt időm kipróbálni a filesaver-t viszont jó a sejtésem, hogy ez az adott canvas-t fogja csak lementeni? tehát a mentés pillanatában történő képkockát, vagy esetleg tévedek?
Mert ugye itt most animációt kellene kimenteni framenként.

Köszönöm.
3

Képkockát

Poetro · 2016. Szep. 26. (H), 15.13
Igen, ez pontosan egy képkockát ment le. Mivel JavaScript-ben nem lehet túlságosan jól időzíteni, (animáció esetén pedig főleg), így vagy setTimeout-ot, vagy requestAnimationFrame-et használhatsz a mentésre. Legjobb megoldás valószínűleg külső képernyőmentő alkalmazás használata, amivel a képernyő egy meghatározott területét mented le, már eleve videóba.
4

Ez esetben viszont egyik kép

alkony4 · 2016. Szep. 26. (H), 15.37
Ez esetben viszont egyik kép / video frame se lenne transparentes, tehát nem lehetne újra összeállítani szerkesztőben sajna.
5

Leírnád, miről beszélsz?

Poetro · 2016. Szep. 26. (H), 15.39
Leírnád, miről beszélsz?
6

Videó

janoszen · 2016. Szep. 26. (H), 16.27
Jól értem, hogy Te egy canvasos animációt szeretnél lementeni videóba?
7

Még mindig nem tiszta a cél

Pepita · 2016. Okt. 5. (Sze), 00.31
A végső cél pontosan mi?
Valaki készített egy canvas animációt, amit xy módon be lehet illeszteni weboldal ba, ezt te a beillesztés helyett menteni szeretnéd egy offline / böngésző nélkül használható formában?
Ha ez a cél, akkor először vedd fel a kapcsolatot a szerzővel.
Két eset közül az egyik nagyon valószínű :

- simán oda adja v milyen videóban
- el hajt melegebb éghajlatra, mondván: sérted a szerzői jogait.

Utóbbi esetben ne is kísérletezz tovább.