学步园

概要：

       图片处理的基本知识：Stretch拉伸。Clip-Geometry裁剪。Image.OpacityMask可以指定LinearGradientBrush,RadialGradientBrush和ImageBrush，其中LinearGradientBrush可实现渐变效果。Opacity透明度

内容：

       Stretch拉伸：

        <Image Source="a2.png" Stretch="None" Width="220" Height="220"></Image>

    Clip-Geometry裁剪：

     <Image Source="a1.png" Canvas.Left="320" Canvas.Top="80">

        <Image.Clip>

   <EllipseGeometry Center="120,68" RadiusX="100" RadiusY="60">

            </EllipseGeometry>

        </Image.Clip>

</Image>

    半透明渐变：

    <Image Width="100" Height="100" Canvas.Left="130" Canvas.Top="10" Source="/SLDemo28Image;component/Rss.png">

            <Image.OpacityMask>

                <LinearGradientBrush StartPoint="0,0" EndPoint="1,0">

                    <GradientStop Color="#00000000" Offset="0.0"></GradientStop>

                    <GradientStop Color="Black" Offset="1.0"></GradientStop>

                </LinearGradientBrush>

            </Image.OpacityMask>

        </Image>