Drawing circle/ellipse on HTML5 canvas using mouse events

Question

I want something like ellipse option in paint for drawing on my canvas. I have achieved this partially. The problem is i am not able to get radius of circle, currently i hav

Answer 1

Here's an example of how to drag-draw an oval.

Demo: http://jsfiddle.net/m1erickson/3SFJy/

Example code using 2 Bezier curves to drag-draw an oval:

 







    
Drag to create a circle or oval