How to make a web page with an image generator?

Question

JavaScript

You choose a background (picture), enter a title, and then you can download this new picture with the title. I will most likely do it on vue, or js with jquery. How to do it? Can you provide code examples or send me some way?

Answer 1

this can be done on Canvas
, it has an image export as dataURL

Answer 2

Usually such operations with pictures are done on the server using ImageMagick, etc., this is the best option.
And you can try to implement this entirely on the front-end using the API of external image processing services:
www.blitline.com/docs/quickstart
https://cloudinary.com
https://www.imgix.com/
Everyone has free tariff plans for developers .

Answer 3

https://www.w3schools.com/graphics/canvas_text.asp
https://www.w3schools.com/tags/canvas_drawimage.asp
_