Поделиться через

Практическое руководство. Создание эллиптической дуги

  • Статья

В этом примере демонстрируется процесс рисования эллиптической дуги. Чтобы создать эллиптическую дугу, используйте классы PathGeometry, PathFigure и ArcSegment.

Пример

В приведенных ниже примерах рисуется эллиптическая дуга от точки (10, 100) до точки (200, 100). Дуга имеет Size из 100 на 50 аппаратно-независимых пикселей, RotationAngle 45 градусов, параметр IsLargeArc true и SweepDirection Counterclockwise.

[xaml]

В Extensible Application Markup Language (XAML) для описания пути можно использовать синтаксис атрибута.

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

[xaml]

(Обратите внимание, что этот синтаксис атрибута фактически создает StreamGeometry, облегченную версию PathGeometry. Дополнительные сведения см. на странице Синтаксис разметки пути.

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

Данный пример является частью большего примера. Полный пример см. в разделе Пример "Geometries".

См. также

Задачи

Практическое руководство. Создание кривой Безье второго порядка

Практическое руководство. Создание кривой Безье третьего порядка