Untitled

<!doctype html>

<html lang="en">
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">

</head>

	<body>

        <canvas id="drawingCanvas" style="user-select: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        touch-action: none;">
        </canvas>

        <script>
        var canvas = document.getElementById("drawingCanvas");
        var ctx = canvas.getContext("2d");

        (function ()
        {
            initialize();
        }());

        function initialize()
        {
            canvas.width  = 500;
            canvas.height = 500;

            ctx.beginPath();
            ctx.rect(0, 0, canvas.width, canvas.height);
            ctx.fillStyle = "#000";
            ctx.fill();
        }

        </script>


   </body>
</html>