JSFiddle - React, Tailwind, and code Playground

by olamothe

HTML

<!DOCTYPE html>
<html>
    <head></head>
    <body>
        <div>
            <svg>
                <g transform='translate(100,100)'>
                    <foreignObject width='257' height='257'>
                        <canvas id='canvas' width='257' height='256'></canvas>
                    </foreignObject>
                </g>
            </svg>
        </div>
    </body>
</html>

JavaScript

var c = document.getElementById("canvas");
var g = c.getContext("2d");
g.fillRect(0,0,500,500)