其他分享
首页 > 其他分享> > 【WPF】WPF的二维路径标记语法绘图PathGeometry

【WPF】WPF的二维路径标记语法绘图PathGeometry

作者:互联网

我们用Path来实现一条直线:

<Path Stroke="Black" StrokeThickness="1" >
        <Path.Data>
            <LineGeometry StartPoint="10,20" EndPoint="100,130" />
        </Path.Data>
    </Path>

这种方式下写一些简单的几何图形还行,但对于PathGeometry来说有些冗繁,因此XAML采用了一种简单的路径标记语法来简化这一过程,

 <Path Stroke="Black" Fill="Gray">
        <Path.Data>
            <PathGeometry Figures="M 10,100 L 10,150 Q 10,300 300,-200" />
        </Path.Data>
    </Path>

甚至可以直接简化为:

<Path Stroke="Black" Fill="Gray" Data="M 10,100 L 10,150 Q 10,300 300,-200" />

这里简单解释下:

M 是值起始点(Move移动到某一个位置)大写的 M 指示 startPoint 是绝对值;小写的 m 指示 startPoint 是相对于上一个点的偏移量。

L是绘制一条直线(Line 当前点到指定点的一条直线)

Q / T(平滑)是二次贝塞尔曲线,有两个点:一个控制点,一个结束点

C / S(平滑)是三次方贝塞尔曲线,有三个点:两个控制点,一个结束点

H / V 分别是水平直线和垂直直线。

Z 结束。

其他详细参数:路径标记语法

 

标签:直线,标记,PathGeometry,语法,绘图,WPF,startPoint
来源: https://www.cnblogs.com/mqxs/p/14874245.html