JSFiddle - React, Tailwind, and code Playground

by Sriram Ananthasivan

HTML

<canvas id="test" width="200" height="200" style="border:1px solid #000000;">
    </canvas>

JavaScript

var c=document.getElementById("test");
        ctx=c.getContext("2d");
        ctx.fillStyle = "#9ea7b8";
        ctx.fill();
        ctx.moveTo(0,0);
        ctx.lineTo(200,200);
        ctx.stroke(); 
    
    	// creating canvas using JS
        c = document.createElement("canvas");
        c.id="MyCanvas";
        c.style.width="200px";
        c.style.height="200px";
        c.style.border="1px solid #000000";
        ctx=c.getContext("2d");
        ctx.fillStyle = "#9ea7b8";
        ctx.fill();
        ctx.moveTo(0,0);
        ctx.lineTo(200,200);
        ctx.stroke();
        document.body.appendChild(c);