方法: 2 次ベジエ曲線を作成する
この例では、2 次ベジエ曲線を作成する方法を示します。 2 次ベジエ曲線を作成するには、PathGeometry、PathFigure、および QuadraticBezierSegment クラスを使用します。
例
次の例では、2 次ベジエ曲線が (10,100) から (300,100) に描画されます。 曲線の制御点は (200,200) です。
拡張アプリケーション マークアップ言語 (XAML) では、属性構文を使用してパスを記述できます。
<Path Stroke="Black" StrokeThickness="1"
Data="M 10,100 Q 200,200 300,100" />
(この属性構文は、実際には PathGeometryの軽量バージョンである StreamGeometryを作成します。詳細については、「パス マークアップ構文 ページ」を参照してください。
XAML では、オブジェクト要素の構文を使用して 2 次ベジエ曲線を描画することもできます。 次は、前の XAML の例と同じです。
<Path Stroke="Black" StrokeThickness="1">
<Path.Data>
<PathGeometry>
<PathGeometry.Figures>
<PathFigureCollection>
<PathFigure StartPoint="10,100">
<PathFigure.Segments>
<PathSegmentCollection>
<QuadraticBezierSegment Point1="200,200" Point2="300,100" />
</PathSegmentCollection>
</PathFigure.Segments>
</PathFigure>
</PathFigureCollection>
</PathGeometry.Figures>
</PathGeometry>
</Path.Data>
</Path>
この例は、より大きなサンプルの一部です。完全なサンプルについては、Geometries サンプルを参照してください。
関連情報を見る
- 楕円の円弧を作成する
- キュービックベジエ曲線 を作成する
GitHub で Microsoft と共同作業する
このコンテンツのソースは GitHub にあります。そこで、issue や pull request を作成および確認することもできます。 詳細については、共同作成者ガイドを参照してください。
.NET Desktop feedback