The ellipse function

• Arguments to the function
• An example

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

• The X coordinate
• The Y coordinate
• The horizontal radius
• The vertical radius
• The rotation of the ellipse (in radians)
• The start angle (in radians)
• The end angle (in radians)
• Whether the ellipse is drawn in a clockwise direction (false) or anti-clockwise direction (true)

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>