JSFiddle - React, Tailwind, and code Playground

by navinleon

HTML

<body>
    <canvas id="myCanvas" width="800px" height="700px"></canvas>
</body>

JavaScript

canvas = document.getElementById('myCanvas');
    context = canvas.getContext('2d');
    
    context.strokeStyle = "#FF0000";
    context.lineWidth = 5;
    //   context.moveTo(49, 49);
    context.beginPath();
    context.arc(70, 80, 20, 0, 1 * Math.PI);
context.stroke();
    context.closePath();
    
    
    context.moveTo(70, 70);
context.beginPath();
    context.arc(70, 70, 20, 3.1, -1 * Math.PI * 2);
context.stroke();
context.closePath();