如何:创建二次贝塞尔曲线

此示例演示如何创建二次方贝塞尔曲线。 若要创建二次方贝塞尔曲线,请使用 PathGeometryPathFigureQuadraticBezierSegment 类。

示例

以下示例中绘制了从 (10,100) 到 (300,100) 的二次方贝塞尔曲线。 曲线的控制点为 (200,200)。

在 Extensible Application Markup Language (XAML) 中,可以使用属性语法描述路径。

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

(请注意,此属性语法实际上创建了一个 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>

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

另请参阅