meme-creator | backend tech , no frontend lib | Frontend Framework library

I've made a few changes to your script. because you need to draw the image several times I've written a function that draws the image. The canvas is cleared every time one of the 2 text input changes it's value, and every time you have to redraw everything.

Also textT and textB can be declared only once. You don't need to declare them in the Text function.

I need to use the font size (60) more than once, so I've made a variable fontSize = 60

Since you don't know the size of your canvas ( depends on the size of the uploaded image ) you need to calculate the position for the bottom text textB = height - fontSize/2 where height is the height of the canvas: height = canvas.height = img.height;

I hope it's useful.