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

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

示例

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

[xaml]

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

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

[xaml]

(请注意,此特性语法实际上会创建一个 StreamGeometryPathGeometry 的轻量版本)。 有关更多信息,请参见路径标记语法页。)

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

此示例摘自一个更大的示例;有关完整示例,请参见 Geometries Sample(几何图形示例)。

请参见

任务

如何:创建椭圆弧

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