方法: 3 次ベジエ曲線を作成するHow to: Create a Cubic Bezier Curve

この例では、3 次ベジエ曲線を作成する方法を示します。This example shows how to create a cubic Bezier curve. 3 次ベジエ曲線を作成するには、使用、 PathGeometryPathFigure、およびBezierSegmentクラス。To create a cubic Bezier curve, use the PathGeometry, PathFigure, and BezierSegment classes. 結果のジオメトリを表示するには使用、Path要素と共に使用または、GeometryDrawingまたはDrawingContextします。To display the resulting geometry, use a Path element, or use it with a GeometryDrawing or a DrawingContext. 次の例についてから 3 次ベジエ曲線を描画 (10, 100) に (300, 100)。In the following examples, a cubic Bezier curve is drawn from (10, 100) to (300, 100). 曲線がの制御点 (100, 0) と (200、200)。The curve has control points of (100, 0) and (200, 200).

Example

[xaml][xaml]

Extensible Application Markup Language (XAML)Extensible Application Markup Language (XAML)マークアップの省略構文を使用してパスを記述することがあります。In Extensible Application Markup Language (XAML)Extensible Application Markup Language (XAML), you may use abbreviated markup syntax to describe a path.

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

[xaml][xaml]

XAMLXAML、オブジェクト タグを使用して 3 次ベジエ曲線を描画することもできます。In XAMLXAML, you can also draw a cubic Bezier curve using object tags. 次の例は、前の XAMLXAML の例と同じです。The following is equivalent to the previous XAMLXAML example.

<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>

この例は、より大きなサンプルの一部です。完全なサンプルについては、「ジオメトリのサンプル」を参照してください。This example is part of larger sample; for the complete sample, see the Geometries Sample.

関連項目See also