JSFiddle - React, Tailwind, and code Playground

by Behseini

HTML

<canvas id="canvas" width="300" height="300"></canvas>

CSS

#canvas {
    border:1px solid grey;
    
}

JavaScript

var ctx = $('#canvas')[0].getContext("2d");

   
    ctx.fillStyle = "#00A308";
    ctx.beginPath();
    ctx.arc(150, 50, 5, 0, Math.PI * 2, true);
    ctx.arc(20, 85, 5, 0, Math.PI * 2, true);
    ctx.arc(160, 95, 5, 0, Math.PI * 2, true);
    ctx.closePath();
    ctx.fill();