JSFiddle - React, Tailwind, and code Playground

by Christian Sonne

HTML

<img src="http://lorempixel.com/400/200/sports/" alt="">
<canvas id="c" width="400" height="200"></canvas>

CSS

img, canvas {
  width: 100%;
}

JavaScript

let ctx = c.getContext('2d');
ctx.beginPath();
ctx.arc(200, 100, 50, 0, Math.PI * 2);
ctx.stroke();