An interactive example showing the rotation option of the ellipse() function

Written by Richard Heyes, on 5th September 2013

Shows you an example of the new ellipse() function's rotation option (the angle is measured in radians remember).

Warning: This example currently (September 2013) only works on Chrome canary.

This is an interactive example of the rotation option of the new canvas ellipse function. This argument allows you specify how the ellipse is orientated so you can have the long side of the ellipse at any angle you wish.

The example code is shown below for you to copy and paste.

[No canvas support]

The JavaScript code

Some sample code that generates the above ellipse is as follows. You can take this code and paste it into your application and if your browser has ellipse support you'll get an ellipse drawn on to your canvas!


Related pages