JSFiddle - React, Tailwind, and code Playground

HTML

<canvas id=canvas>

JavaScript

$(function() {
    
    draw(document.getElementById('canvas').getContext('2d'));
    
    function draw(ctx) {
        ctx.textBaseline = "top";
        ctx.font = "12pt Arial";
        ctx.fillStyle = "red";
        ctx.strokeStyle = "blue";
        
        text = setShadow(ctx, "red", 0, 0, 50);
        ctx.arc(60, 60, 30, 0, Math.PI*2, false);
        ctx.fill();
    }
    function setShadow(ctx, color, ox, oy, blur) {
      ctx.shadowColor = color;
      ctx.shadowOffsetX = ox;
      ctx.shadowOffsetY = oy;
      ctx.shadowBlur = blur;
    }
    
});