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

更新:2007 年 11 月

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

示例

在下面的示例中,从 (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>

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

请参见

任务

如何:创建椭圆弧

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