WPF中GDI+图形图像的绘制：（三）绘制图像——实现黑白、浮雕、锐化效果

最新推荐文章于 2025-10-11 12:58:30 发布

原创

最新推荐文章于 2025-10-11 12:58:30 发布 · 2.1k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#WPF #GDI+ #绘制图像

本文介绍了如何在WPF应用中利用GDI+进行图像处理，包括将图像转换为黑白、创建浮雕效果以及锐化处理。通过在Canvas上添加Image控件，并结合枚举类型控制处理方式，实现了一系列图像效果的动态变换。此外，还提到了相关系列博客的内容，涵盖了从文本绘制到图像的各种操作。

接下来介绍GDI+绘制图像的方法，这次主要实现的功能是图片黑白、浮雕、锐化的效果，效果图：

1、接着之前绘制字体的工程，首先在Canvas里再添加一个Image控件用来绘制图片；

        <Canvas x:Name="mainCanvas" Grid.Row="0" Grid.RowSpan="2" Grid.Column="0" Background="White" Width="960" Height="720" Margin="10,5,0,0"
                HorizontalAlignment="Left"
                VerticalAlignment="Top"
                ClipToBounds="True">
            <Image x:Name="imgFont"></Image>
            <Image x:Name="imgPic"></Image>
        </Canvas>

2、在窗体里添加绘图的相关控制控件组；

        <GroupBox Grid.Row="1" Grid.Column="1" Margin="10" Header="图像">
            <Grid>
                <Grid.RowDefinitions>
                    <RowDefinition Height="50"></RowDefinition>
                    <RowDefinition Height="50"></RowDefinition>
                    <RowDefinition Height="50"></RowDefinition>
                    <RowDefinition Height="50"></RowDefinition>
                    <RowDefinition Height="50"></RowDefinition>
                    <RowDefinition ></RowDefinition>
                </Grid.RowDefinitions>
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="80"></ColumnDefinition>
                    <ColumnDefinition></ColumnDefinition>
                </Grid.ColumnDefinitions>
                <Label Grid.Row="0" Grid.Column="0" Content="选择图片" VerticalAlignment="Center" HorizontalAlignment="Left"></Label>
                <Button x:Name="btnChooseImg" Grid.Row="0" Grid.Column="1" Content="选择" VerticalAlignment="Center" HorizontalAlignment="Left" Height="26" Width="80" Click="btnChooseImg_Click"></Button>
                <StackPanel Grid.Row="1" Grid.ColumnSpan="2" Orientation="Horizontal">
                    <Button x:Name="btnBlackAndWhite" Content="黑白" Margin="10" VerticalAlignment="Center" HorizontalAlignment="Left" Height="26" Width="60" Click="btnBlackAndWhite_Click"></Button>
                    <Button x:Name="btnEmboss" Content="浮雕" Margin="10" VerticalAlignment="Center" HorizontalAlignment="Left" Height="26" Width="60" Click="btnEmboss_Click"></Button>
                    <Button x:Name="btnSharpening" Content="锐化" Margin="10" VerticalAlignment="Center" HorizontalAlignment="L