SVG: ドーナツのような穴の空いた図形を塗りつぶすには

SVGでドーナツのような穴の空いた図形を塗りつぶす方法が分からずに悩んでいましたが、昨夜答えを見つけてスッキリ。

ドーナツの縁を円や楕円ではなくパスで時計回りに描き、穴を反時計回りのパスとして描いて、塗りつぶせばいいのでした。

[参考資料] http://stackoverflow.com/questions/3349651/how-to-achieve-donut-holes-with-paths-in-raphael/3365621