方法 : 3 次ベジエ曲線を作成する

3 次ベジエ曲線を作成する方法を次の例に示します。 3 次ベジエ曲線を作成するには、PathGeometry、PathFigure、および BezierSegment の各クラスを使用します。 結果のジオメトリを表示するには、Path 要素を使用するか、GeometryDrawing または DrawingContext でジオメトリを使用します。 次の例では、3 次ベジエ曲線を (10, 100) から (300, 100) まで描画します。 曲線の制御点は (100, 0) と (200, 200) です。

使用例

[xaml]

Extensible Application Markup Language (XAML) では、省略されたマークアップ構文を使用してパスを記述できます。

<Path Stroke="Black" StrokeThickness="1"  
  Data="M 10,100 C 100,0 200,200 300,100" />

[xaml]

XAML では、オブジェクト タグを使用して 3 次ベジエ曲線を描画することもできます。 次の例は、前の XAML の例と同じです。

<Path Stroke="Black" StrokeThickness="1">
  <Path.Data>
    <PathGeometry>
      <PathGeometry.Figures>
        <PathFigureCollection>
          <PathFigure StartPoint="10,100">
            <PathFigure.Segments>
              <PathSegmentCollection>
                <BezierSegment Point1="100,0" Point2="200,200" Point3="300,100" />
              </PathSegmentCollection>
            </PathFigure.Segments>
          </PathFigure>
        </PathFigureCollection>
      </PathGeometry.Figures>
    </PathGeometry>
  </Path.Data>
</Path>

この例は、より大きなサンプルの一部です。サンプル全体については、ジオメトリのサンプルを参照してください。

参照

処理手順

方法 : 楕円の円弧を作成する

方法 : PathGeometry で LineSegment を作成する

方法 : 3 次ベジエ曲線を作成する

方法 : 2 次ベジエ曲線を作成する