CoreImage 处理图片
1.CoreImage
滤镜的使用(马赛克模糊)
CoreImage是苹果公司为了简化图片处理的难度而开发出来的类库。
随着iOS版本号升级以及硬件性能的不断提升,CoreImage将支持越来越多的滤镜
- (void)hFilter {
// 0.
导入CIImage图片
CIImage *ciImage = [[CIImagealloc] initWithImage:[UIImageimageNamed:@"demo"]];
// 1.
创建出Filter滤镜
CIFilter *filter = [CIFilterfilterWithName:@"CIPixellate"];
[filtersetValue:ciImage
forKey:kCIInputImageKey];
NSLog(@"%@", filter.attributes);
[filtersetDefaults];
CIImage *outImage = [filter valueForKey:kCIOutputImageKey];
// 2.
用CIContext将滤镜中的图片渲染出来
CIContext *context = [CIContextcontextWithOptions:nil];
CGImageRef cgImage = [context createCGImage:outImage
fromRect:[outImage extent]];
// 3.
导出图片
UIImage *showImage = [UIImageimageWithCGImage:cgImage];
CGImageRelease(cgImage);
// 4.
载入出来
UIImageView *imageView = [[UIImageViewalloc] initWithImage:showImage];
imageView.center =self.view.center;
[self.viewaddSubview:imageView];
}
2.CoreImage
滤镜的组合
不同的滤镜能够组合在一起使用。
能够动态的改动滤镜组合中单个滤镜的參数来实现一种动态调整的效果
- (void)complexCoreImage {
// 0.
导入CIImage图片
CIImage *ciImage = [[CIImagealloc] initWithImage:[UIImageimageNamed:@"demo"]];
// 1.
创建出Filter滤镜
CIFilter *filterOne = [CIFilterfilterWithName:@"CIPixellate"];
[filterOnesetValue:ciImage
forKey:kCIInputImageKey];
[filterOnesetDefaults];
CIImage *outImage = [filterOne valueForKey:kCIOutputImageKey];
CIFilter *filterTwo = [CIFilterfilterWithName:@"CIHueAdjust"];
[filterTwosetValue:outImage
forKey:kCIInputImageKey];
[filterTwosetDefaults];
//默觉得0,不设置不能改变。能够封装一个调用
[filterTwosetValue:@(3.14)
forKey:kCIInputAngleKey];
NSLog(@"%@",filterTwo.attributes);//能够看到一些參数 key
CIImage *outputImage = [filterTwo valueForKey:kCIOutputImageKey];
// 2.
用CIContext将滤镜中的图片渲染出来
CIContext *context = [CIContextcontextWithOptions:nil];
CGImageRef cgImage = [context createCGImage:outputImage
fromRect:[outImage extent]];
// 3.
导出图片
UIImage *showImage = [UIImageimageWithCGImage:cgImage];
CGImageRelease(cgImage);
// 4.
载入出来
UIImageView *imageView = [[UIImageViewalloc] initWithImage:showImage];
imageView.center =self.view.center;
[self.viewaddSubview:imageView];
}
3.在 OpenGLES
下进行渲染
在OpenGLES下进行滤镜的渲染能够提高效率。(GPU渲染,不占用CPU)
假设须要实时查看多个滤镜动态渲染的效果,使用OpenGLES是一个好的选择
#import <GLKit/GLKit.h>
@interface
ViewController ()
@property (nonatomic,strong)
GLKView *glkView;// 渲染用的buffer视图
@property (nonatomic,strong)
CIFilter *filter;
@property (nonatomic,strong)
CIImage *ciImage;
@property (nonatomic,strong)
CIContext *ciContext;
@end
@implementation ViewController
- (void)viewDidLoad {
[superviewDidLoad];
UIImage *showImage = [UIImageimageNamed:@"demo"];
CGRect rect =
CGRectMake(, , showImage.size.width, showImage.size.height);
//
获取OpenGLES渲染的上下文
EAGLContext *eagContext = [[EAGLContextalloc] initWithAPI:kEAGLRenderingAPIOpenGLES2];
//
创建出渲染的buffer
_glkView = [[GLKViewalloc] initWithFrame:rect
context:eagContext];
[_glkViewbindDrawable];
[self.viewaddSubview:_glkView];
//
创建出CoreImage用的上下文
_ciContext = [CIContextcontextWithEAGLContext:eagContext
options:@{kCIContextWorkingColorSpace : [NSNullnull]}];
// CoreImage相关设置
_ciImage = [[CIImagealloc] initWithImage:showImage];
_filter = [CIFilterfilterWithName:@"CISepiaTone"];
[_filtersetValue:_ciImageforKey:kCIInputImageKey];
[_filtersetValue:@(0)forKey:kCIInputIntensityKey];
//
開始渲染
[_ciContextdrawImage:[_filteroutputImage]
inRect:CGRectMake(,, _glkView.drawableWidth,_glkView.drawableHeight)
fromRect:[_ciImageextent]];
[_glkViewdisplay];
//
动态渲染
,,
, )];
slider.minimumValue =0.f;
slider.maximumValue =1.f;
[slider addTarget:selfaction:@selector(sliderEvent:)forControlEvents:UIControlEventValueChanged];
[self.viewaddSubview:slider];
}
- (void)sliderEvent:(UISlider *)slider {
[_filtersetValue:_ciImageforKey:kCIInputImageKey];
[_filtersetValue:@(slider.value)
forKey:kCIInputIntensityKey];
//
開始渲染
[_ciContextdrawImage:[_filteroutputImage]
inRect:CGRectMake(,, _glkView.drawableWidth,_glkView.drawableHeight)
fromRect:[_ciImageextent]];
[_glkViewdisplay];
}
CoreImage 处理图片的更多相关文章
- [Swift通天遁地]四、网络和线程-(10)处理图片:压缩、缩放、圆角、CoreImage滤镜、缓存
★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★➤微信公众号:山青咏芝(shanqingyongzhi)➤博客园地址:山青咏芝(https://www.cnblogs. ...
- IOS 中的CoreImage框架(framework)
http://www.cnblogs.com/try2do-neo/p/3601546.html coreimage framework 组成 apple 已经帮我们把image的处理分类好,来看看它 ...
- IOS 中的CoreImage框架
IOS 中的CoreImage框架(framework) - time4cnblogs 时间 2014-03-15 00:24:00 博客园-所有随笔区原文 http://www.cnblogs. ...
- 基于iOS用CoreImage实现人脸识别
2018-09-04更新: 很久没有更新文章了,工作之余花时间看了之前写的这篇文章并运行了之前写的配套Demo,通过打印人脸特征CIFaceFeature的属性,发现识别的效果并不是很好,具体说明见文 ...
- 使用CoreImage教程
使用CoreImage教程 CoreImage包含有很多实用的滤镜,专业处理图片的库,为了能看到各种渲染效果,请使用如下图片素材. 现在可以开始教程了: #define FIX_IMAGE(image ...
- 11 (OC)* CoreImage
coreimage framework 组成 apple 已经帮我们把image的处理分类好,来看看它的结构: 主要分为三部分: 1)定义部分:CoreImage 何CoreImageDefines. ...
- nodejs处理图片、CSS、JS链接
接触Nodejs不深,看到页面上每一个链接都要写一个handler,像在页面显示图片,或者调用外部CSS.JS文件,每个链接都要写一个handler,觉得太麻烦,是否可以写个程序出来,能够自动识别图片 ...
- PHPThumb处理图片,生成缩略图,图片尺寸调整,图片截取,图片加水印,图片旋转
[强烈推荐]下载地址(github.com/masterexploder/PHPThumb). 注意这个类库有一个重名的叫phpThumb,只是大小写的差别,所以查找文档的时候千万注意. 在网站建设过 ...
- Filter Effects - 使用 CSS3 滤镜处理图片
CSS3 Filter(滤镜)属性提供了提供模糊和改变元素颜色的功能.CSS3 Fitler 常用于调整图像的渲染.背景或边框显示效果.这里给大家分享的这个网站,大家可以体验下 CSS3 对图片的处理 ...
随机推荐
- css3 transform的基本用法和介绍
<style>/* 最简单的一个transition动画 .box{width:100px;height:100px;border:1px solid;background:green;- ...
- 斯坦福第十二课:支持向量机(Support Vector Machines)
12.1 优化目标 12.2 大边界的直观理解 12.3 数学背后的大边界分类(可选) 12.4 核函数 1 12.5 核函数 2 12.6 使用支持向量机 12.1 优化目标 到目前为 ...
- Powershell-入门
什么是Powershell 中文博客:http://www.pstips.net/ 百度百科:是一种命令行外壳程序和脚本环境,使命令行用户和脚本编写者可以利用 .NET Framework 的强大功能 ...
- UART的CTS与RTS
在RS232中本来CTS 与RTS 有明确的意义,但自从贺氏(HAYES) 推出了聪明猫(SmartModem)后就有点混淆了.在RS232中RTS 与CTS 是用来半双工模式下的方向切换:HAYES ...
- Maven 跳过测试命令行参数 skip test
mvn package -Dmaven.test.skip=true
- JS学习笔记10_Ajax
1.Ajax概述 Asynchronous JavaScript + XML,支持js与服务器通信.在不unload页面的前提下从服务器获取新数据,以实现更好的用户体验(与传统的单击-等待交互不同的体 ...
- Kali Linux Web 渗透测试视频教程—第十四课-arp欺骗、嗅探、dns欺骗、session劫持
Kali Linux Web 渗透测试视频教程—第十四课-arp欺骗.嗅探.dns欺骗.session劫持 文/玄魂 目录 Kali Linux Web 渗透测试—第十四课-arp欺骗.嗅探.dns欺 ...
- glyphicons-halflings-regular.woff 404
此乃服务器不支持这种文件,因此需要修改一下配置,让IIS支持这种文件的访问 <system.webServer> 下增加节点: <staticContent> <rem ...
- ajaxSubmit与ajaxFileUpload的空值
ajaxSubmit发现正文无内容, ajaxFileUpload发现无上传内容, 嗯,你只是忘记了 html 中控件的 name 没有指定,这哥们不认 id 的.
- [BTS] Error biztalk arguments null exception string reference not set to an instance of a string. parameter name
biztalk arguments null exception string reference not set to an instance of a string. parameter name ...