iOS 利用OpenCV实现图片马赛克效果

图片马赛克原理下图所示:

图片是由一个个像素组成,每个红框表示一个像素,每一个像素都有一个RGBA的值,这里随便用一写字母表示其颜色值。

这里拿马赛克大小为3个像素宽度举例,如果设置为3个像素宽度的马赛克处理,则每次手机会处理3*3共9个像素的矩阵,将这9个像素值处理成与矩阵第一个像素的值相等的像素值,然后重新填充矩阵像素值。每次从左到右,从上到下,以步长为3个像素,去处理每个3*3的像素矩阵,将这9个像素值处理成与矩阵第一个像素的值相等的像素值,直到将整个图片的像素处理完成,生成马赛克图片。

下图为原图与处理后生成的二维码图片


原图
马赛克图片


上代码:

创建一个ImageUtils类,提供一个将原图转换成马赛克图片的方法

ImageUtils.h的代码如下,需要导入OpenCV的一些文件,

#import <UIKit/UIKit.h>

//导入OpenCV框架

//核心头文件

#import <opencv2/opencv.hpp>

//对ios支持

#import <opencv2/imgcodecs/ios.h>

//导入矩阵帮助类

#import <opencv2/highgui.hpp>

#import <opencv2/core/types.hpp>

//导入C++命名空间

using namespace cv;

@interface ImageUtils:NSObject

//定义方法:处理图片

+(UIImage*)opencvImage:(UIImage*)image level:(int)level;

@end

因为用到了C++,所以ImageUtils.m也要改成ImageUtils.mm,ImageUtils.mm的实现如下

#import "ImageUtils.h"

@implementation ImageUtils

+(UIImage*)opencvImage:(UIImage*)image level:(int)level{

      //实现功能   

      //第一步:将iOS图片->OpenCV图片(Mat矩阵)    

      Mat mat_image_src;    

      UIImageToMat(image, mat_image_src);        

      //第二步:确定宽高    

      int width = mat_image_src.cols;    

      int height = mat_image_src.rows;        

      //图片类型->进行转换    

      //在OpenCV里面    

      //坑隐藏    

      //支持->RGB处理    

      //图片ARGB    

      //将ARGB->RGB    

      Mat mat_image_dst;    

      //一定要记得转换类型

      cvtColor(mat_image_src, mat_image_dst, CV_RGBA2RGB, 3);        

      //为了不影响原始图片    

      Mat mat_image_clone = mat_image_dst.clone();        

       //第三步:马赛克处理   

       //分析马赛克算法原理    

       //level = 3-> 3 * 3矩形    

       //动态的处理    

       int x = width - level;   

       int y = height - level;        

       for (int i = 0; i < y; i += level) {        

             for (int j = 0; j < x; j += level) {            

                 //创建一个矩形区域           

                 Rect2i mosaicRect = Rect2i(j, i, level, level);                        

                 //给填Rect2i区域->填充数据->原始数据            

                 Mat roi = mat_image_dst(mosaicRect);                        

                 //让整个矩形区域颜色值保持一致            

                 //mat_image_clone.at(i, j)->像素点(颜色值组成->多个)->ARGB->数组            

                 //mat_image_clone.at(i, j)[0]->R值            

                 //mat_image_clone.at(i, j)[1]->G值           

                 //mat_image_clone.at(i, j)[2]->B值           

                Scalar scalar = Scalar(                         

                                                       mat_image_clone.at(i, j)[0],                                  

                                                       mat_image_clone.at(i, j)[1],                                  

                                                      mat_image_clone.at(i, j)[2]);

                 //将处理好矩形区域->数据->拷贝到图片上面去->修改后的数据

                 //CV_8UC3解释一下->后面也会讲到

                 //CV_:表示框架命名空间

                 //8表示:32位色->ARGB->8位 = 1字节 -> 4个字节

                 //U分析

                 //两种类型:有符号类型(Sign->有正负->简写"S")、无符号类型(Unsign->正数->"U")

                 //无符号类型:0-255(通常情况)

                 //有符号类型:-128-127

                 //C分析:char类型

                 //3表示:3个通道->RGB

                 Mat roiCopy = Mat(mosaicRect.size(), CV_8UC3, scalar);

                 roiCopy.copyTo(roi);

          }

     }

    //第四步:将OpenCV图片->iOS图片

    return MatToUIImage(mat_image_dst);

}

@end


调用ImageUtils相应的代码:

#import "ImageUtils.h"

@interface ViewController ()

@property (weak, nonatomic) IBOutlet UIImageView *imageView;

@end

@implementation ViewController

- (void)viewDidLoad {

        [super viewDidLoad];

}

//正常图片

- (IBAction)clickNormal:(id)sender {

        _imageView.image = [UIImage imageNamed:@"girl.jpeg"];

}

//马赛克图片

- (IBAction)clickMosaic:(id)sender {

        _imageView.image = [ImageUtils opencvImage:_imageView.image level:20];

}

@end

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 199,711评论 5 468
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 83,932评论 2 376
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 146,770评论 0 330
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 53,799评论 1 271
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 62,697评论 5 359
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,069评论 1 276
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,535评论 3 390
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,200评论 0 254
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,353评论 1 294
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,290评论 2 317
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,331评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,020评论 3 315
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,610评论 3 303
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,694评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,927评论 1 255
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,330评论 2 346
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 41,904评论 2 341

推荐阅读更多精彩内容