次の方法で共有

方法: PathGeometry を使用して図形を作成する

  • [アーティクル]

この例では、PathGeometry クラスを使用して図形を作成する方法を示します。 PathGeometry オブジェクトは、1つ以上の PathFigure オブジェクトで構成されます。各 PathFigure は、異なる "図" または図形を表します。 各 PathFigure は、それ自体が 1 つ以上の PathSegment オブジェクトで構成され、それぞれ図または図形の接続された部分を表します。 セグメントの種類には、LineSegment、ArcSegment、および BezierSegmentがあります。

例

次の例では、PathGeometry を使用して三角形を作成します。 PathGeometry は、Path 要素を使用して表示されます。

<Path Stroke="Black" StrokeThickness="1">
  <Path.Data>
    <PathGeometry>
      <PathGeometry.Figures>
        <PathFigureCollection>
          <PathFigure IsClosed="True" StartPoint="10,100">
            <PathFigure.Segments>
              <PathSegmentCollection>
                <LineSegment Point="100,100" />
                <LineSegment Point="100,50" />
              </PathSegmentCollection>
            </PathFigure.Segments>
          </PathFigure>
        </PathFigureCollection>
      </PathGeometry.Figures>
    </PathGeometry>
  </Path.Data>
</Path>

次の図は、前の例で作成した図形を示しています。

PathGeometrywcpsdk_graphicsmm_pathgeometry_triangle を する
PathGeometry で作成された三角形

前の例では、比較的単純な図形である三角形を作成する方法を示しました。 PathGeometry を使用して、円弧や曲線など、より複雑な図形を作成することもできます。 例については、「楕円円弧を作成」、「3次ベジエ曲線を作成」、および「2次ベジエ曲線を作成」を参照してください。

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

関連項目