Silverlight path简单使用

 <StackPanel  Width="510" Height="210"  >
    <Canvas Width="500" Height="200" >
        <MediaElement Name="media" Source="meida/bao.wmv" Opacity="0" IsMuted="True" ></MediaElement>
        <Ellipse Width="100" Height="100" Canvas.Top="20">
            <Ellipse.Fill>
                <VideoBrush SourceName="media"></VideoBrush>
            </Ellipse.Fill>
        </Ellipse>
        <TextBlock FontFamily="Georgia" Foreground="Blue" FontStyle="Italic" FontSize="40" Canvas.Left="150" Canvas.Top="40" Text="Great Estaes"></TextBlock>
        <TextBlock Foreground="Blue" Canvas.Left="150" Canvas.Top="120" Text="linux oracle java c++ c pl/sql android iphone"></TextBlock>
        <Path Stroke="Red" StrokeThickness="4" >
            <Path.Data>
                <PathGeometry>
                    <PathFigure StartPoint="10,100">
                        <ArcSegment SweepDirection="Clockwise" Size="2,2"  Point="30,100"></ArcSegment>
                    </PathFigure >
                    
                    <PathFigure StartPoint="30,100">
                        <ArcSegment SweepDirection="Clockwise" Size="2,2"  Point="50,100"></ArcSegment>
                    </PathFigure>
                    <PathFigure StartPoint="50,100">
                        <ArcSegment SweepDirection="Clockwise" Size="2,2" Point="70,100"></ArcSegment>
                    </PathFigure>
                    <PathFigure StartPoint="70,100">
                        <ArcSegment SweepDirection="Clockwise" Size="2,2" Point="90,100"></ArcSegment>
                        <LineSegment Point="400,100"></LineSegment>
                    </PathFigure>
                </PathGeometry>
                </Path.Data>
        </Path  >
        <Path Stroke="Red" StrokeThickness="4" Data="M 10,100 H 90,100">
            </Path>
    </Canvas>
</StackPanel>

效果图如下:




  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值