An interactive example showing the rotation option of the ellipse() functionWritten 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).
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.
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!
- An example of the HTML5 canvas ellipse function
- A new ellipse function interactive example
- An interactive example showing the start and end angle options of the ellipse function