Is it possible for a banner builder to generate an image on the client side and not on the server?

Question

JavaScript

Good day to all.
A small preface. There is a banner generator that provides for direct content editing, it will look something like this

: the user can change the background, set the text on the surface of the banner by direct input, change its attributes, move it, and so on. After editing, everything that is on the surface of the banner should be glued into one png file and saved on the user's machine. In the current implementation, the image/banner itself is generated on the server using the php gd library. Actually, the question itself is whether it is possible to generate a png file on the client side, and if so, by what means?

Answer 1

Everything you described can be done with Canvas.
https://developer.mozilla.org/ru/docs/Web/API/Canv...