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

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

  • Статья

Обновлен: Ноябрь 2007

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

Пример

В следующих примерах кривая Безье второго порядка строится от (10, 100) до (300, 100). Контрольная точка кривой имеет координаты (200,200).

xaml

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

<Path Stroke="Black" StrokeThickness="1" 
  Data="M 10,100 Q 200,200 300,100" />

xaml

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

В XAML можно также создать кривую Безье второго порядка, используя синтаксис элемента объекта. Ниже приведен эквивалент предыдущего примера кода 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>

Этот пример является частью большого примера; полный пример см. в разделе Примеры работы с геометрическими объектами.

См. также

Задачи

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

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