如何:创建二次贝塞尔曲线
此示例演示如何创建二次方贝塞尔曲线。 若要创建二次方贝塞尔曲线,请使用 PathGeometry、PathFigure 和 QuadraticBezierSegment 类。
示例
以下示例中绘制了从 (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>
此示例是更大示例的组成部分;有关完整示例,请参阅几何图形示例。
另请参阅
反馈
https://aka.ms/ContentUserFeedback。
即将发布:在整个 2024 年,我们将逐步淘汰作为内容反馈机制的“GitHub 问题”,并将其取代为新的反馈系统。 有关详细信息,请参阅:提交和查看相关反馈