方法 : 多角形要素を使用して、閉じた図形を描画する

この例では、Polygon 要素を使用して閉じた図形を描画する方法を示します。 閉じた図形を描画するには、Polygon 要素を作成し、その Points プロパティを使用して図形の各頂点を指定します。 最初と最後の点を結ぶ線が自動的に描画されます。 最後に、Fill、Stroke、またはその両方を指定します。

使用例

Extensible Application Markup Language (XAML) では、頂点を表す有効な構文は、コンマ区切りの x 座標と y 座標のペアをスペースで区切ったリストです。

<Canvas Height="300" Width="300">

  <!-- Draws a triangle with a blue interior. -->
  <Polygon Points="10,110 60,10 110,110" 
    Fill="Blue" />

  <!-- Draws a triangle with a blue interior and a black outline. 
       The Canvas.Top setting moves the Polygon down 150 pixels. -->
  <Polygon Points="10,110 60,10 110,110"
    Fill="Blue"
    Stroke="Black" StrokeThickness="4"
    Canvas.Top="150" />

  <!-- Draws another triangle with a blue interior.
       The Canvas.Left setting moves the Polygon 150 pixels to the right. -->
  <Polygon Points="10,110 110,110 110,10"
    Fill="Blue"
    Canvas.Left="150" />

  <!-- Draws a triangle with a black outline. 
       The Canvas.Left and Canvas.Top settings move 
       the Polygon down 150 pixels and 150 pixels to the right.-->
  <Polygon Points="10,110 110,110 110,10"
    Stroke="Black" StrokeThickness="4"
    Canvas.Left="150" Canvas.Top="150" />  


</Canvas>

この例では Canvas を使用して多角形を組み込みますが、テキスト以外のコンテンツをサポートする任意の Panel や Control でも、多角形要素 (および他のすべての図形要素) を使用できます。

この例は、より大きなサンプルの一部です。サンプル全体については、図形要素のサンプルを参照してください。