I will fetch some text from an API, and then create a graphic like this.

The user can change the background color, text color, shadow color and height of image. So basically, dynamic text + dynamic styling.

I tried to create it in HTML and then convert to canvas using dom-to-image and html2canvas libraries but those did not work well.

Should I use canvas or svg or something else?