Untitled

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>Pacman Test</title>
    </head>
    <body onload="onloaded()">
        <canvas id="canvas" width="400" height="400" style="position: absolute; left: 0; top: 0; z-index: 0;">
        </canvas>
        <script>

            //////////////////////////////////
            function onloaded() {
                var canvas;
                var ctx;
                var DEGREES = Math.PI * 180;

                // canvas ( used for all other objects )
                canvas = document.getElementById("canvas");
                ctx = canvas.getContext("2d");

                // draw pacman shape
                ctx.arc(200,200,50, -45 * DEGREES, 45 * DEGREES, false);
                ctx.stroke();
            }

        </script>
    </body>

</html>