[C#/SILVERLIGHT] Image 엘리먼트 : OpacityMask 속성 사용하기

icodebroker MICROSOFT 2024-06-19

■ Image 엘리먼트의 OpacityMask 속성을 사용하는 방법을 보여준다.

▶ 예제 코드 (XAML)


<Image
    Width="300"
    Height="300"
    Stretch="UniformToFill"
    Source="http://texture2d.iptime.org:8864/sample.jpg">
    <Image.Clip>
        <EllipseGeometry
            Center="150 150"
            RadiusX="150"
            RadiusY="150" />
    </Image.Clip>
    <Image.OpacityMask>
        <RadialGradientBrush
            Center="150 150"
            GradientOrigin="210 40"
            MappingMode="Absolute"
            RadiusX="150"
            RadiusY="150">
            <GradientStop Color="#ff000000" Offset="0"   />
            <GradientStop Color="#ee000000" Offset="0.5" />
            <GradientStop Color="#00000000" Offset="1"   />
        </RadialGradientBrush>
    </Image.OpacityMask>
</Image>

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

<Image

Width="300"

Height="300"

Stretch="UniformToFill"

Source="http://texture2d.iptime.org:8864/sample.jpg">

<Image.Clip>

<EllipseGeometry

Center="150 150"

RadiusX="150"

RadiusY="150" />

</Image.Clip>

<Image.OpacityMask>

<RadialGradientBrush

Center="150 150"

GradientOrigin="210 40"

MappingMode="Absolute"

RadiusX="150"

RadiusY="150">

</RadialGradientBrush>

</Image.OpacityMask>

</Image>

.NETFRAMEWORK 2D C# CONTROL GRAPHICS IMAGE MICROSOFT SILVERLIGHT