Show / Hide Table of Contents

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

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

Пример

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

[xaml]

В XAML, можно использовать синтаксис атрибута для описания пути.

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

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

См. также

  • Создание эллиптической дуги
  • Создание кривой Безье третьего порядка
Back to top Неофициальная документация по .NET на русском языке. Лицензия: CC-BY 4.0. Основано на документации по .NET с Microsoft Docs
Generated by DocFX