JSFiddle - React, Tailwind, and code Playground

by sreekumar

HTML

<!DOCTYPE HTML>
<html>
  <head>
  </head>
  <body>
    <canvas id="canvas_area" width="600" height="300"></canvas>
  </body>
</html>

CSS

#canvas_area{
    border:solid 1px #999;
}

JavaScript

var canvas = document.getElementById("canvas_area");
var context = canvas.getContext("2d");
context.beginPath();
context.moveTo(100, 150);
context.lineTo(400, 250);
context.stroke();