zapisywanie obszaru z DIV do pliku graficznego

Question

Witam,

 

sprawa wygląda następująco: mam na stronie DIV'a który ma stały obszar i na nim nim są wyświetlane obrazki w png, które się na siebie nakładają, tak ze po nałożeniu kilku na siebie tworzą jakiś tam obrazek i chciał bym aby z tego obszaru na którym są układane można było wygenerować plik graficzny (jpg, png lub inny) by móc pobrać tak stworzoną grafikę w tym DIV'e.

Sprawdzałem kilka skryptów ale wszystkie zapisywały tylko kosz html z css omijając grafiki

Czy jest to jakoś wykonalne?

Jak tak to jak można było by to wykonać?

Answer 1

Nie wiem jak zrobić to z divem, ale takim obszarem, który możesz zapisać jako obrazek na pewno jest canvas.

Comments

własnie w tym problem ze grafika nie jest canvasem

---

Cały canvas, ze wszystkim co się na nim pojawi, można zapisać jako plik graficzny. Na canvasie można umieszczać grafikę również z plików, Tu masz przykład https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/drawImage

---

przetestuje to i dam znać ;)

Dzięki!