如何使用 C# 实现图片的马赛克算法呢?本文带你来一探究竟……
原文同步发布在简书
本图片马赛克问题来自于 WHUMSC2015 年招新
说到马赛克,大家一定不陌生。但是该如何利用编程语言实现呢?
使用工具:
- C#
- Visual Studio 2015 Community
- Windows 10
原理:
大家都知道,一张图片是由一个一个像素组成。这些像素呢逐次排列,就好像方格纸一样。(密集恐惧症慎入) 每个格子都是一个特定的颜色。
那么怎么实现马赛克呢?说白了呢,就是实现下面的一个转换(每个字母代表一个像素,假设马赛克的范围为 2):
间隔选取像素点(如 ACE...),接着填充至周围的格子中。
实战:
首先要用到 System.Drawing
一般创建 Win 窗口程序时都已经引用了。我们要用到里面的 Bitmap 库
类来进行图片的读取和写入操作。
构造一个函数
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
| // img为输入的图像,a为马赛克的范围
public static Bitmap imgMosaic(Bitmap img, int a)
{
// 两层循环,遍历每一个间隔的像素点
for (int h = 0; h < img.Height; h += a)
{
for (int w = 0; w < img.Width; w += a)
{
// 获取颜色
Color xxx = img.GetPixel(w, h);
// 另一层循环,填充颜色
for (int x = w; (x < w + a && x < img.Width); x++)
{
for (int y = h; (y < h + a && y < img.Height); y++)
{
img.SetPixel(x, y, xxx);
}
}
}
}
return img;
}
|
至于效果么。。你们自己感受一下:
其实挺好了,已经有马赛克的效果了。
我又想:怎么让马赛克的效果更好呢?问题是 ACE 这样的像素可能不能代表周围的一圈像素。
于是,我们可以取 ABGH 的 RGB 平均值再填入这些像素中。代码如下
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
27
28
29
30
31
32
33
34
| public static Bitmap imgMosaic2(Bitmap img, int a)
{
for (int h = 0; h < img.Height; h += a)
{
for (int w = 0; w < img.Width; w += a)
{
int avgR = 0, avgG = 0, avgB = 0;
int count = 0;
for (int x = w; (x < w + a && x < img.Width); x++)
{
for (int y = h; (y < h + a && y < img.Height); y++)
{
Color pix = img.GetPixel(x, y);
avgR += pix.R;
avgG += pix.G;
avgB += pix.B;
count++;
}
}
avgR = avgR / count;
avgG = avgG / count;
avgB = avgB / count;
for (int x = w; (x < w + a && x < img.Width); x++)
{
for (int y = h; (y < h + a && y < img.Height); y++)
{
Color newColor = Color.FromArgb(avgR, avgG, avgB);
img.SetPixel(x, y, newColor);
}
}
}
}
return img;
}
|
再来感受一下效果:
瞬间感觉好多了。
至于导入图片:
1
| image1 = new Bitmap(@"C:\img.jpg", true); // @后换成自己想要的路径就可以了
|