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

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

  • Статья

В этом примере демонстрируется создание кривой Безье третьего порядка. Чтобы создать кривую Безье третьего порядка, используйте классы PathGeometry, PathFigure и BezierSegment. Чтобы отобразить получившиеся в результате геометрические фигуры, используйте элемент Path. Также его можно использовать с GeometryDrawing или DrawingContext. В следующих примерах кривая Безье третьего порядка строится от (10, 100) до (300, 100). Контрольные точки кривой имеют координаты (100, 0) и (200, 200).

Пример

[xaml]

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

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

[xaml]

В XAML также можно нарисовать кривую Безье третьего порядка с помощью тегов объекта. Ниже приведен эквивалент предыдущего примера кода XAML.

<Path Stroke="Black" StrokeThickness="1">
  <Path.Data>
    <PathGeometry>
      <PathGeometry.Figures>
        <PathFigureCollection>
          <PathFigure StartPoint="10,100">
            <PathFigure.Segments>
              <PathSegmentCollection>
                <BezierSegment Point1="100,0" Point2="200,200" Point3="300,100" />
              </PathSegmentCollection>
            </PathFigure.Segments>
          </PathFigure>
        </PathFigureCollection>
      </PathGeometry.Figures>
    </PathGeometry>
  </Path.Data>
</Path>

Этот пример является фрагментом большего примера; полный пример см. на веб-странице Geometries Sample.

См. также

Задачи

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

Как создать LineSegment в PathGeometry

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

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