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

  • [アーティクル]

この例では、楕円の円弧を描画する方法を示します。楕円の円弧を作成するには、PathGeometry、PathFigure、および ArcSegment クラスを使用します。

例

次の例では、楕円の円弧が (10,100) から (200,100) に描画されます。 この円弧では、Size が 100 × 50 (デバイス非依存ピクセル)、RotationAngle が 45 度、IsLargeArc の設定が true、SweepDirection が Counterclockwise です。

Extensible Application Markup Language (XAML) では、属性構文を使用してパスを記述できます。

<Path Stroke="Black" StrokeThickness="1"  
  Data="M 10,100 A 100,50 45 1 0 200,100" />

(この属性構文では、実際には軽量バージョンの PathGeometry である StreamGeometry を作成します。詳細については、パス マークアップ構文のページを参照してください)。

XAML では、オブジェクト タグを明示的に使用して楕円の円弧を描画することもできます。 次に示すのは、前の XAML マークアップに相当します。

<Path Stroke="Black" StrokeThickness="1">
  <Path.Data>
    <PathGeometry>
      <PathGeometry.Figures>
        <PathFigureCollection>
          <PathFigure StartPoint="10,100">
            <PathFigure.Segments>
              <PathSegmentCollection>
                <ArcSegment Size="100,50" RotationAngle="45" IsLargeArc="True" SweepDirection="CounterClockwise" Point="200,100" />
              </PathSegmentCollection>
            </PathFigure.Segments>
          </PathFigure>
        </PathFigureCollection>
      </PathGeometry.Figures>
    </PathGeometry>
  </Path.Data>
</Path>

この例は、さらに大きなサンプルの一部です。 完全なサンプルについては、「ジオメトリのサンプル」をご覧ください。

関連項目