如何：创建三次方贝塞尔曲线

  • 项目

此示例演示如何创建三次方贝塞尔曲线。 若要创建三次方贝塞尔曲线，请使用 PathGeometry、PathFigure 和 BezierSegment 类。 若要显示生成的几何图形，请使用 Path 元素，或将其与 GeometryDrawing 或 DrawingContext 一起使用。 以下示例中绘制了从 (10, 100) 到 (300, 100) 的三次方贝塞尔曲线。 该曲线的控制点为 (100, 0) 和 (200, 200)。

示例

在 Extensible Application Markup Language (XAML) 中，可以使用缩写的标记语法描述路径。

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

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

此示例是更大示例的组成部分；有关完整示例，请参阅几何图形示例。

另请参阅