方法: 楕円または円を描画する

この例では、 Ellipse 要素を使用して楕円と円を描画する方法を示します。 楕円を描画するには、 Ellipse 要素を作成し、その Width と Heightを指定します。 Fillプロパティを使用して、楕円の内部の描画に使用するBrushを指定します。 その Stroke プロパティを使用して、楕円のアウトラインの描画に使用する Brush を指定します。 StrokeThicknessプロパティは、楕円の輪郭の太さを指定します。

円を描画するには、Width要素のHeightとEllipseを互いに等しくします。

次の例では、Ellipse内に 4 つのCanvas要素を描画します。

例

<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 Elements サンプル」を参照してください。

こちらも参照ください

• Ellipse
• Shape
• 図形要素のサンプル