JSFiddle - React, Tailwind, and code Playground

by naveen

HTML

<canvas id="myDrawing" width="400" height="400">
<p>Your browser doesn't support canvas.</p>
</canvas>

JavaScript

var drawingCanvas= document.getElementById("myDrawing");
if(drawingCanvas.getContext) {
    // Initaliase a 2-dimensional drawing context
    var context = drawingCanvas.getContext('2d');
    //Canvas commands go here
    context.strokeStyle = "#000000";
    context.moveTo(200, 200);
    context.lineTo(200, 0);
    context.stroke();
}