Mega Code Archive

 

Categories / Silverlight / Graphics

 

Simulate opacity mask effect with a rectangle on top

<UserControl x:Class='SilverlightApplication3.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:DesignWidth='640'      d:DesignHeight='480'> <Canvas xmlns="http://schemas.microsoft.com/client/2007">     <Ellipse         Fill="Red"         Stroke="Black"         StrokeThickness="20"         Width="200"         Height="200"     />     <Rectangle             Fill="Gray"         Stroke="Red"         StrokeThickness="20"         Canvas.Left="100"         Canvas.Top="100"         Width="200"         Height="200"     />          <Rectangle Width="300" Height="300">         <Rectangle.Fill>             <LinearGradientBrush StartPoint="0,0" EndPoint="1,1">                 <LinearGradientBrush.GradientStops>                     <GradientStop Color="White" Offset="0"/>                     <GradientStop Color="Transparent" Offset="1"/>                 </LinearGradientBrush.GradientStops>             </LinearGradientBrush>         </Rectangle.Fill>     </Rectangle> </Canvas> </UserControl>