方法 : 3 次ベジエ曲線を作成する
更新 : 2007 年 11 月
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>
この例は、より大きなサンプルの一部分です。サンプル全体については「ジオメトリのサンプル」を参照してください。