[C#/WPF] DrawingGroup 엘리먼트 : ImageDrawing/GeometryDrawing 객체를 사용해 이미지 만들기

■ DrawingGroup 엘리먼트에서 ImageDrawing/GeometryDrawing 객체를 사용해 이미지를 만드는 방법을 보여준다.

▶ 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="DrawingGroup 엘리먼트 : ImageDrawing/GeometryDrawing 객체를 사용해 이미지 만들기"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <Grid>
        <Image Stretch="None">
            <Image.Source>
                <DrawingImage>
                    <DrawingImage.Drawing>
                        <DrawingGroup>
                            <ImageDrawing
                                Rect="0 50 200 250"
                                ImageSource="IMAGE/sample.jpg" />
                            <GeometryDrawing>
                                <GeometryDrawing.Pen>
                                    <Pen
                                        Brush="RoyalBlue"
                                        Thickness="5" />
                                </GeometryDrawing.Pen>
                                <GeometryDrawing.Geometry>
                                    <RectangleGeometry Rect="2.5 52.5 195 245" />
                                </GeometryDrawing.Geometry>
                            </GeometryDrawing>
                            <GeometryDrawing>
                                <GeometryDrawing.Pen>
                                    <Pen
                                        Brush="Blue"
                                        Thickness="5" />
                                </GeometryDrawing.Pen>
                                <GeometryDrawing.Geometry>
                                    <RectangleGeometry Rect="0 50 200 250" />
                                </GeometryDrawing.Geometry>
                            </GeometryDrawing>
                            <GeometryDrawing Geometry="M 0 50 L 100 0 L 200 50" >
                                <GeometryDrawing.Pen>
                                    <Pen
                                        Brush="Blue"
                                        Thickness="5" />
                                </GeometryDrawing.Pen>
                            </GeometryDrawing>
                        </DrawingGroup>
                    </DrawingImage.Drawing>
                </DrawingImage>
            </Image.Source>
            <Image.RenderTransform>
                <RotateTransform x:Name="rotateTransform" />
            </Image.RenderTransform>
            <Image.RenderTransformOrigin>
                <Point X="0.5" Y="0" />
            </Image.RenderTransformOrigin>
            <Image.Triggers>
                <EventTrigger RoutedEvent="Image.Loaded">
                    <BeginStoryboard>
                        <Storyboard
                            TargetName="rotateTransform"
                            TargetProperty="Angle">
                            <DoubleAnimation
                                RepeatBehavior="Forever"
                                AutoReverse="True"
                                AccelerationRatio="0.5"
                                DecelerationRatio="0.5"
                                Duration="0:0:2"
                                From="-30"
                                To="30" />
                        </Storyboard>
                    </BeginStoryboard>
                </EventTrigger>
            </Image.Triggers>
        </Image>
    </Grid>
</Window>

<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="DrawingGroup 엘리먼트 : ImageDrawing/GeometryDrawing 객체를 사용해 이미지 만들기"

FontFamily="나눔고딕코딩"

FontSize="16">

<Grid>

<Image.Source>

<DrawingImage.Drawing>

<ImageDrawing

Rect="0 50 200 250"

ImageSource="IMAGE/sample.jpg" />

<GeometryDrawing.Pen>

<Pen

Brush="RoyalBlue"

Thickness="5" />

</GeometryDrawing.Pen>

<GeometryDrawing.Geometry>

</GeometryDrawing.Geometry>

</GeometryDrawing>

<GeometryDrawing.Pen>

<Pen

Brush="Blue"

Thickness="5" />

</GeometryDrawing.Pen>

<GeometryDrawing.Geometry>

</GeometryDrawing.Geometry>

</GeometryDrawing>

<GeometryDrawing.Pen>

<Pen

Brush="Blue"

Thickness="5" />

</GeometryDrawing.Pen>

</GeometryDrawing>

</DrawingGroup>

</DrawingImage.Drawing>

</DrawingImage>

</Image.Source>

<Image.RenderTransform>

</Image.RenderTransform>

<Image.RenderTransformOrigin>

</Image.RenderTransformOrigin>

<Image.Triggers>

<Storyboard

TargetName="rotateTransform"

TargetProperty="Angle">

<DoubleAnimation

RepeatBehavior="Forever"

AutoReverse="True"

AccelerationRatio="0.5"

DecelerationRatio="0.5"

Duration="0:0:2"

From="-30"

To="30" />

</Storyboard>

</BeginStoryboard>

</EventTrigger>

</Image.Triggers>

</Image>

</Grid>

</Window>

TestProject.zip