方法 : 楕円または円を描画する
更新 : 2007 年 11 月
この例では、Ellipse 要素を使用して楕円および円を描画する方法を示します。楕円を描画するには、Ellipse 要素を作成して Width と Height を指定します。楕円の内部を塗りつぶすために使用する Brush を指定するには、Fill プロパティを使用します。楕円のアウトラインを塗りつぶすために使用する Brush を指定するには、Stroke プロパティを使用します。StrokeThickness プロパティは、楕円のアウトラインの太さを指定します。
円を描画するには、Ellipse 要素の Width と Height を同じ値にします。
次の例では、Canvas 内に 4 つの Ellipse 要素を描画します。
使用例
<Canvas Height="200" Width="200">
<!-- Draws an oval with a blue interior. -->
<Ellipse
Width="100"
Height="50"
Fill="Blue"
Canvas.Left="10"
Canvas.Top="25" />
<!-- Draws an oval with a blue interior and a black outline. -->
<Ellipse
Width="100"
Height="50"
Fill="Blue"
Stroke="Black"
StrokeThickness="4"
Canvas.Left="10"
Canvas.Top="100"/>
<!-- Draws a circle with a blue interior. -->
<Ellipse
Width="50"
Height="50"
Fill="Blue"
Canvas.Left="135"
Canvas.Top="25"/>
<!-- Draws a circle with a blue interior and a black outline. -->
<Ellipse
Width="50"
Height="50"
Stroke="Black"
StrokeThickness="4"
Canvas.Left="135"
Canvas.Top="100" />
</Canvas>
この例では Canvas を使用して楕円を組み込みますが、テキスト以外のコンテンツをサポートする任意の Panel や Control でも、楕円要素 (および他のすべての図形要素) を使用できます。
この例は、より大きなサンプルの一部分です。サンプル全体については「Shape 要素のサンプル」を参照してください。