SL基础（三）

<UserControl x:Class="SilverlightApplication5.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d"
    d:DesignHeight="300" d:DesignWidth="400">

    <Grid x:Name="LayoutRoot" Background="White">
        <Canvas Height="300" Width="300">
            <!-- 划线 -->
            <Line X1="10" Y1="10" X2="50" Y2="50" Stroke="Red" StrokeThickness="3"></Line>
            
            <!-- 自定义Stroke属性 -->       
            <Line X1="10" Y1="10" X2="50" Y2="50" StrokeThickness="30" Canvas.Left="100">
                <Line.Stroke>
                    <RadialGradientBrush GradientOrigin="0.5,0.5" Center="0.5,0.5" RadiusX="0.5" RadiusY="0.5">
                        <RadialGradientBrush.GradientStops>
                            <GradientStop Color="Yellow" Offset="0"/>
                            <GradientStop Color="Green" Offset="0.5"></GradientStop>
                        </RadialGradientBrush.GradientStops>
                    </RadialGradientBrush>
                </Line.Stroke>
            </Line>
            <!--  划水平线  -->
            <Line X1="10" Y1="60" X2="500" Y2="60" Stroke="Black" StrokeThickness="5"></Line>
            
            <!--  Ellipse  -->
            <Ellipse Width="50" Height="100" Fill="CadetBlue" Stroke="Azure" StrokeThickness="3" Canvas.Left="300"></Ellipse>
            
            <!--  Path 注意理解Path中的Data 贝赛尔曲线 -->
            <Path Stroke="DarkGoldenrod" StrokeThickness="3" Data="M 100,200 C 100,25 400,350 400,175 H 280"/>
            
            <!--绘制形状-->
            <Ellipse Canvas.Left="50" Canvas.Top="50"
                     Fill="DarkOliveGreen" Height="75" Width="75"
                     Stroke="Yellow"
                     StrokeThickness="3"/>
            
            <!--  显式创建多边形 -->
            <Polygon
                Points="300,200 400,125 400,275 300,200"
                Stroke="Purple"
                StrokeThickness="2">
                <Polygon.Fill>
                   <SolidColorBrush Color="Blue" Opacity="0.4"/>
                </Polygon.Fill>
            </Polygon>
            
            <!--变换形状-->
            <Rectangle Width="50" Height="50" Fill="RoyalBlue">
                <Rectangle.RenderTransform>
                    <RotateTransform Angle="45"/>
                </Rectangle.RenderTransform>
            </Rectangle>

        </Canvas>
        <Canvas  Width="200" Height="200">
            <Path Stroke="Black" StrokeThickness="1">
                <Path.Data>
                    <LineGeometry StartPoint="10,20" EndPoint="100,130"/>
                </Path.Data>
            </Path>
            
        </Canvas>
    </Grid>
    
</UserControl>