34.SilverLight3 - Brush : OpacityMask

---

MainPage.xaml

[그림 34-1] <UserControl x:Class="OpacityMask.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="600" d:DesignWidth="400">       <Canvas Width="268" Height="490" Background="White">         <Image Canvas.Left="20" Canvas.Top="20" Source="Images\\j2.jpg" Height="150">             <Image.OpacityMask>                 <RadialGradientBrush Center="0.5,0.5">                     <!--투명 그라데이션-->                     <GradientStop Color="#00000000" Offset="1"></GradientStop>                     <!--반투명 그라데이션-->                     <GradientStop Color="#20000000" Offset="0.8"></GradientStop>                     <!--불투명 그라데이션-->                     <GradientStop Color="#FF000000" Offset="0"></GradientStop>                 </RadialGradientBrush>             </Image.OpacityMask>         </Image>           <Image Canvas.Top="180" Canvas.Left="20" Source="Images\\j2.jpg" Height="150">         </Image>         <Image Canvas.Left="20" Canvas.Top="480" Source="Images\\j2.jpg" Height="150">             <Image.RenderTransform>                 <!--이미지 수직 방향(Y축a)으로 뒤집기-->                 <ScaleTransform ScaleY="-1"></ScaleTransform>             </Image.RenderTransform>             <Image.OpacityMask>                 <LinearGradientBrush StartPoint="0,0" EndPoint="0,1">                     <!--투명 그라데이션-->                     <GradientStop Offset="0.1" Color="#00000000"></GradientStop>                     <GradientStop Offset="0.5" Color="#55000000"></GradientStop>                 </LinearGradientBrush>             </Image.OpacityMask>         </Image>     </Canvas> </UserControl>

OpacityMask.zip