This page demonstrates techniques to work around the inconvenient design of the HTML <canvas>'s arcTo() method. They really should have called it roundedCorner(). Since the arcTo() model is thoroughly incapable of representing any arcs of 180° or greater, we chop up arcs into pieces that are 120° or less.

cx cy r θ1 θ2