JSFiddle - React, Tailwind, and code Playground

by zumgugger

HTML

<canvas id="arch" width=500px height=500px> <script> </script>
    
</canvas>

JavaScript

var canvas = document.getElementById('arch');
      var context = canvas.getContext('2d');

      context.beginPath();
      context.moveTo(188, 150);
      context.quadraticCurveTo(288, -100, 388, 150);
      context.lineWidth = 20
      context.strokeStyle = 'black';
      context.stroke();