The ellipse function

The ellipse function is a relatively new function that is not widely supported yet. It behaves similarly to the arc function and the arguments are also similar. There are more arguments to specify though to allow for different widths, heights and orientations.

Arguments to the function


An example

<script>
    window.onload = function ()
    {
        var canvas  = document.getElementById("cvs");
        var context = canvas.getContext('2d');

        context.beginPath();
        context.fillStyle = 'red';
        context.beginPath();
        context.ellipse(125, 125, 100, 50, 0, 0, 2 * Math.PI, false);
        context.stroke();
        context.fill();
    }
</script>