JSFiddle - React, Tailwind, and code Playground

by sinju

HTML

<canvas id="mycanvas"></canvas>

JavaScript

var canvas = document.getElementById('mycanvas');

  if (canvas.getContext)
  { 
    // use getContext to use the canvas for drawing
    var ctx = canvas.getContext('2d');
     
       ctx.lineWidth = 2;
       ctx.beginPath();
       ctx.moveTo(10,10);
       ctx.lineTo(100,10);
       ctx.lineTo(120,30);
       ctx.lineTo(220,30);
       ctx.stroke();

  } 
    else 
   {
    alert('Not supported');
  }