Canvas reference: The ellipse() function

Summary: The ellipse() function is a path function used when drawing paths. It is not yet supported widely (September 2013)

[No canvas support]
An example of the ellipse() function (limited browser support)

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>