Partager via

Guide pratique pour créer un arc elliptique

Cet exemple montre comment dessiner un arc elliptique. Pour créer un arc elliptique, utilisez les PathGeometry, PathFigure et ArcSegment classes.

Exemple :

Dans les exemples suivants, un arc elliptique est tiré de (10 100) à (200 100). L’arc a une Size valeur de 100 par 50 pixels indépendants de l’appareil, un RotationAngle degré de 45 degrés, un IsLargeArc paramètre de true, et un SweepDirection de Counterclockwise.

Dans XAML (Extensible Application Markup Language), vous pouvez utiliser la syntaxe d’attribut pour décrire un chemin d’accès.

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

(Notez que cette syntaxe d’attribut crée en fait un , une version plus légère d’un . Pour plus d’informations, consultez la page syntaxe de balisage de chemin d’accès .)

En XAML, vous pouvez également dessiner un arc elliptique en utilisant explicitement des balises d’objet. Les éléments suivants sont équivalents au balisage XAML précédent.

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

Cet exemple fait partie d’un échantillon plus large. Pour obtenir l’exemple complet, consultez l’exemple de géométries.

Voir aussi

  • Last updated on