wpf Path的Data属性详细解释

<UserControl x:Class="WpfApp1.UserControl2"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
             xmlns:local="clr-namespace:WpfApp1"
             mc:Ignorable="d" 
             d:DesignHeight="450" d:DesignWidth="800">
    <Grid>        
        <!--1. 移动指令:Move Command(M):M 起始点  或者:m 起始点
                比如:M 100,240或m 100,240
                使用大写M时,表示绝对值; 使用小写m时; 表示相对于前一点的值,如果前一点没有指定,则使用(0,0)。-->

        <!--2. 绘制指令(Draw Command):-->

        <!--3. 关闭指令(close Command):用以将图形的首、尾点用直线连接,以形成一个封闭的区域。
               用Z或z表示。-->

        <!--(1) 直线:Line(L)-->
        <Path Data="M 100,200 L 100,200 300,300" Stroke="Red" StrokeThickness="5"></Path>
        <!--(2) 水平直线: Horizontal line(H) 绘制从当前点到指定x坐标的直线-->
        <Path Data="M 0,100 H 200.0" Stroke="Red" StrokeThickness="5"></Path>
        <!--(3) 垂直直线: Vertical line(V) 绘制从当前点到指定y坐标的直线-->
        <Path Data="M 10,100 V 200.0" Stroke="Red" StrokeThickness="5"></Path>
        <!--(4) 三次方程式贝塞尔曲线 Cubic Bezier curve(C):通过指定两个控制点来绘制由当前点到指定结束点间的三次方程贝塞尔曲线。-->
        <!--格式:C 第一控制点 第二控制点 结束点 或 c 第一控制点 第二控制点 结束点
            比如:C 100,200 200,400 300,200 或 c 100,200 200,400 300,200
            其中,点(100,200)为第一控制点,点(200,400)为第二控制点,点(300,200)为结束点。-->
        <Path Data="M 50,50 c100,200 200,400 300,200 " Stroke="Red" StrokeThickness="5"></Path>
        <!--(5) 二次方程式贝塞尔曲线 Quadratic Bezier curve(Q):通过指定的一个控制点来绘制由当前点到指定结束点间的二次方程贝塞尔曲线。
                格式:Q 控制点 结束点 或 q 控制点 结束点
                比如:q 100,200 300,200。其中,点(100,200)为控制点,点(300,200)为结束点。-->
        <Path Data="M 50,50 q 100,200 300,200 " Stroke="Red" StrokeThickness="5"></Path>
        <!--(6) 平滑三次方程式贝塞尔曲线: Smooth cubic Bezier curve(S):通过一个指定点来“平滑地”控制当前点到指定点的贝塞尔曲线。
            格式:S 控制点 结束点 或 s 控制点 结束点
            比如:S 100,200 200,300-->
        <Path Data="M 250,250 s 100,200 200,300 " Stroke="Red" StrokeThickness="5"></Path>

        <!--(7) 平滑二次方程式贝塞尔曲线 smooth quadratic Bezier curve(T):与平滑三次方程贝塞尔曲线类似。
                格式:T 控制点 结束点 或 t 控制点 结束点
                比如:T 100,200 200,300-->
        <Path Data="M 350,0 t 100,200 200,300 " Stroke="Red" StrokeThickness="5"></Path>
        <!--(8) 椭圆圆弧: elliptical Arc(A) : 在当前点与指定结束点间绘制圆弧。-->
        <!--A 尺寸 圆弧旋转角度值 优势弧的标记 正负角度标记 结束点
              或:
              a 尺寸 圆弧旋转角度值 优势弧的标记 正负角度标记 结束点
              尺寸(Size): System.Windows.Size类型,指定椭圆圆弧X,Y方向上的半径值。
              旋转角度(rotationAngle):System.Double类型。
              圆弧旋转角度值(rotationAngle):椭圆弧的旋转角度值。 
              优势弧的标记(isLargeArcFlag):是否为优势弧,如果弧的角度大于等于180度,则设为1,否则为0。 
              正负角度标记(sweepDirectionFlag):当正角方向绘制时设为1,否则为0。 
              结束点(endPoint):System.Windows.Point类型。-->
        <Path Data="M 300,50 a 100,100 90.0 0 0 200,200 z" Stroke="Red" StrokeThickness="5"></Path>
    </Grid>
</UserControl>
  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值