[C#/WPF] Image 엘리먼트 : OpacityMask 속성에서 LinearGradientBrush 객체 사용하기

■ Image 엘리먼트의 OpacityMask 속성에서 LinearGradientBrush 객체를 설정해 불투명 마스크를 사용하는 방법을 보여준다.

TestProject.zip

0.19MB

▶ MainWindow.xaml

<Window x:Class="TestProject.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Width="800"
    Height="600"
    Title="TestProject"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <Image
        Width="200"
        Height="150"
        Source="IMAGE\waterlilies.jpg">
        <Image.OpacityMask>
            <LinearGradientBrush
                StartPoint="0.1 0.1"
                EndPoint="0.75 0.75">
                <LinearGradientBrush.GradientStops>
                    <GradientStop Offset="0" Color="Black"       />
                    <GradientStop Offset="1" Color="Transparent" />
                </LinearGradientBrush.GradientStops>
            </LinearGradientBrush>
        </Image.OpacityMask>
    </Image>
</Window>