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
- 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>