方法: 楕円の円弧を作成するHow to: Create an Elliptical Arc

この例では、楕円の円弧を描画する方法を示します。楕円の円弧を作成するには、使用、 PathGeometryPathFigure、およびArcSegmentクラス。This example shows how to draw an elliptical arc. To create an elliptical arc, use the PathGeometry, PathFigure, and ArcSegment classes.

Example

次の例では、楕円の円弧は (200, 100) に (10,100) から描画されます。In the following examples, an elliptical arc is drawn from (10,100) to (200,100). 円弧が、 Size 50 で 100 デバイス非依存のピクセルのRotationAngle、45 度のIsLargeArcの設定true、およびSweepDirectionCounterclockwiseThe arc has a Size of 100 by 50 device-independent pixels, a RotationAngle of 45 degrees, an IsLargeArc setting of true, and a SweepDirection of Counterclockwise.

[xaml][xaml]

Extensible Application Markup Language (XAML)Extensible Application Markup Language (XAML)、属性構文を使用してパスを記述することができます。In Extensible Application Markup Language (XAML)Extensible Application Markup Language (XAML), you can use attribute syntax to describe a path.

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

[xaml][xaml]

(この属性の構文が実際に作成するメモをStreamGeometryの軽量バージョンをPathGeometryします。(Note that this attribute syntax actually creates a StreamGeometry, a lighter-weight version of a PathGeometry. 詳細については、「パス マークアップ構文」のページを参照してください。)For more information, see the Path Markup Syntax page.)

XAMLXAML、明示的にオブジェクトのタグを使用して、楕円の円弧を描画することもできます。In XAMLXAML, you can also draw an elliptical arc by explicitly using object tags. 次に、上記に相当XAMLXAMLマークアップ。The following is equivalent to the preceding XAMLXAML markup.

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

この例は、さらに大きなサンプルの一部です。This example is part of a larger sample. サンプル全体については、次を参照してください。、ジオメトリのサンプルします。For the complete sample, see the Geometries Sample.

関連項目See also