JSFiddle - React, Tailwind, and code Playground

HTML

<canvas id="myCanvas" width="1024" height="767"></canvas>

JavaScript

var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");

var img = new Image();
img.src = "https://fiverr-res.cloudinary.com/image/upload/q_auto,f_auto/v1/secured-attachments/message/attachments/f1d33b0e94648be743db75c676ee4170-1533353951625/poster_template.jpg?__cld_token__=exp=1533394507~hmac=d239e507355d67e2391ca2150aab75eb5842c4b691af2c1860729cfb9687fd7e";

img.onload = function() {
  ctx.drawImage(img, 0, 0);
  ctx.font = '20pt Calibri';
  ctx.fillStyle = 'red';
}