How to draw a rounded Rectangle on HTML Canvas?

Question

I found that there are only can fill rectangle, but no rounded corner one, how can I do that?

Answer 1

Canvas doesn't provide a method which draw a rounded corner rectangle.

How about using lineTo() and arc() methods ?

Or, You can also use quadraticCurveTo() method instead arc() method.

http://www.html5.jp/canvas/ref/method/sample/quadraticCurveTo2.html

Answer 2

I needed to do the same thing and created a method to do it. http://js-bits.blogspot.com/2010/07/canvas-rounded-corner-rectangles.html