android 开源 高斯模糊_Android图像处理 - 高斯模糊的原理及实现

欢迎大家前往由

前言

高斯模糊是图像处理中几乎每个程序员都或多或少听过的名词,但是对其原理大家可能并不了解,只知道通过高斯模糊能实现图像毛玻璃效果。

本文首先介绍图像处理中最基本的概念:卷积;随后介绍高斯模糊的核心内容:高斯滤波器;接着,我们从头实现了一个Java版本的高斯模糊算法,以及实现RenderScript版本。由于我们自己实现的Java版本的高斯模糊算法的效率太低,因此最后介绍比较有名的高斯模糊的开源项目:Blurry以及BlurKit-Android。

BlurDemo是本文的配套Demo:Demo1:Java版本的高斯模糊的简单实现。

Demo2:RenderScript的高斯模糊实现。

Demo3:BlurKit-Android的基本使用。

Demo4:Blurry的基本使用。

卷积

本文只讨论图像,而图像可以表示为二维矩阵,其中每个元素为ARGB像素值,因此这里讨论二维矩阵的卷积操作。卷积(Convolution)是图像处理中最基本的操作,就是一个二维矩阵A(M*N)和一个二维矩阵B(m*n)做若干操作,生成一个新的二维矩阵C(M*N),其中m和n远小于M和N,B称为卷积核(kernel),又称滤波器矩阵或模板。

这里举个卷积的例子,如图:

上图中,最左边的是源矩阵(8*8),中间是卷积核(3*3,半径为1),最右边是通过对前面两个矩阵做卷积生成的结果矩阵。图中,如果我们要求出结果矩阵中第二行第二列的元素的值,则把卷积核的中心元素(值为0)和源矩阵的第二行第二列(值为6)对齐,然后求加权和,即图中的公式,最后得到-3。

我们再举一个例子:

上图也展示了如何做卷积的过程,比如要求出结果矩阵中第一行第一列的值,则把卷积核的中心对准源矩阵的第一行第一列,发现部分区域超出源矩阵的范围了(图中红色部分),解决方法有很多,这里的方案是:用边界值填充。接着做加权和,结果为-5。接着用同样的方法依次计算结果矩阵的每个元素即可。

通常来说卷积核需要满足:宽和高都为奇数,这样才会有半径和中心的概念。

元素总和为1。

滤波器

均值滤波器

均值滤波器(Mean Filter)是最简单的一种滤波器,它是最粗糙的一种模糊图像的方法,高斯滤波是均值滤波的高级版本。实际上不同的滤波器就是通过改变卷积核(滤波器),从而改变最后的结果矩阵,中间步骤都一样,都是求加权和。均值滤波器的卷积核通常是m*m的矩阵,其中每个元素为1/(m^2),可以看出卷积核的元素总和为1。比如3*3的均值滤波器,卷积核的每个元素就是1/9。

高斯滤波器

高斯滤波器是均值滤波器的高级版本,唯一的区别在于,均值滤波器的卷积核的每个元素都相同,而高斯滤波器的卷积核的元素服从高斯分布。

高斯滤波器是基于二维的高斯分布函数,因此首先介绍二维高斯分布函数。二维高斯分布函数和图如下:

其中x和y表示卷积核中某个元素横坐标和纵坐标距离中心点的距离。sigma控制曲线的平缓程度,值越大,越平缓,最高点越低。我们可以轻易看出当x=0且y=0时值最大,即卷积核的中心点权重最大。

比如卷积核中一个元素距离中心点,横向距离2,纵向距离1,那么x=2,y=1,就能求出该元素的值。当然为了保证卷积核元素总和为1,最后每个元素都需要除以卷积核中所有元素之和。

怎么确定卷积核的大小呢?确定sigma之后,虽然不管距离中心点多远,该元素的高斯分布函数值总为非负数,但是根据经验,卷积核的半径定为3*sigma,因此宽高为6*sigma+1。

如果高斯滤波器的卷积核是二维的(m*n),则算法复杂度为O(m*n*M*N),复杂度较高,因此接下来我们对算法复杂度进行优化。

一维的高斯分布函数和图如下:

实际上,二维高斯分布函数可以分解为两个一维高斯分布函数相乘,如下:

因此原本的源矩阵和二维卷积核做卷积等价于源矩阵先与1*m的一维卷积核做卷积,再与m*1的一维卷积核做卷积。一维卷积核的半径仍定为3*sigma。此时算法复杂度变为O(2*m*M*N)。

高斯模糊的实现

Java版本

这里实现了简单版本的高斯模糊,通过使用横向和纵向的一维高斯滤波器分别对源矩阵卷积,通过设置sigma的大小能控制图片的模糊程度,值越大越模糊。但是算法速度仍比较慢,建议直接使用RenderScript版本或直接使用成熟的开源项目。

效果如下:

RenderScript版本

RenderScript是Android提出的一个计算密集型任务的高性能框架,能并行的处理任务,他可以充分利用多核CPU和GPU,你不需要管怎么调度你的任务,只需要管任务具体做什么。这里不深入介绍RenderScript,因为RenderScript已经提供了一个实现高斯模糊的类:ScriptIntrinsicBlur。

实现起来非常简单:

开源项目

关于Android图像模糊的开源项目有很多,比如Blurry是专门针对Bitmap或View做模糊,可以设置模糊的基底色,而且还能对模糊操作异步化;BlurKit-Android也能对Bitmap做高斯模糊(内部通过RenderScript实现),但最吸引人的是实现了毛玻璃的遮罩,效果如下:

BlurKit-Android支持的最低版本是Android 4.1(API 16),因此如果应用需要支持的最低版本是4.0,则不能使用该库,Blurry支持的最低版本是3.0。

BlurKit-Android

配置过程如下:在build.gradle中设置:compile 'com.wonderkiln:blurkit:1.0.0',并在defaultConfig中设置renderscriptTargetApi 24和renderscriptSupportModeEnabled true。

在Application的onCreate()最开始处加入BlurKit.init(this);。

配置完成后,通过调用BlurKit.getInstance().blur(Bitmap src, int radius);实现高斯模糊,并会把高斯模糊的结果图写入src,其中0

该库还提供了fastBlur()实现速度更快的高斯模糊,和blur()的区别在于,fastBlur()在高斯模糊之前对图片采样,使得图片大小缩小好几倍,从而加快高斯模糊的速度。这种加快速度的方法是合理的,因为高斯模糊并不需要原图像很精确的信息。

BlurKit-Android最吸引人的是提供高斯模糊的遮罩(BlurLayout),随着遮罩下面的内容的变化,高斯模糊效果也会随之改变。使用如下:

该Layout能够实现实时的对该Layout下面的内容做高斯模糊。

Blurry

配置方法:在build.gradle中添加compile 'jp.wasabeef:blurry:2.1.1'。

使用方法如下:

总的来说,这两个库都使用起来非常方便。

相关阅读

此文已由作者授权云加社区发布,转载请注明

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/556089.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

Vue数据绑定v-bind

一、单向数据绑定 <div id"root"><!-- 仅仅只是绑定一个属性在标签上 只有 data 变化&#xff0c;输入框才会变化 -->数据单向绑定&#xff1a;<input type"text" name"" id"" :value"name"> </div&g…

MySql 清空、删除、截断表时1701错误

项目已经进行一段时间&#xff0c;整体的开发工作已经完成。接下来要进入综合测试阶段&#xff0c;所以想要将数据清理一下&#xff0c;然后报了1701错误&#xff0c;由错误提示得知是外键约束的问题 解决办法&#xff1a;关闭外键约束->清空表、截断表->启动外键约束。…

mysql cascade|restrict|no action|set null__mysql 外键的几种约束

mysql cascade|restrict|no action|set null MySQL有两种常用的引擎类型&#xff1a;MyISAM和InnoDB。目前只有InnoDB引擎类型支持外键约束。InnoDB中外键约束定义的语法如下&#xff1a; [CONSTRAINT [symbol]] FOREIGN KEY[index_name] (index_col_name, ...)REFERENCES tb…

编辑流程图_流程图不会绘制?一分钟手把手教你学会,超简单

我们每天的日常工作非常繁忙&#xff0c;经常被日常的事务性工作淹没&#xff0c;而忽略掉我们工作的流程是否正确&#xff0c;我们的方向是否正确。如果流程、方向错了&#xff0c;再努力都是没有用的。要确保努力与付出是有价值的&#xff0c;就必须确保前进方向是正确的&…

MVVM 模型

MVVM 模型 在实际代码中 <!--MVVM 模型&#xff1a;1. M: 模型(Model) : data 中的数据2. V: 视图(View) : 模板代码3. VM: 视图模型(ViewModel) : Vue 实例观察发现&#xff1a;1. data 中所有的属性&#xff0c;最后都出现在了 vm 身上2. vm 身上所有的属性 以及 Vue 原…

MySQL外键命名规范

数据库 外键命名规范 外键字段&#xff1a;与主表主键字段完全一样 主键&#xff1a;pk_表名 例如&#xff1a;pk_main 外键&#xff1a;fk_从表名_主表名 例如&#xff1a;fk_sub_main

收音机磁棒天线4根接法_有关收音机磁性天线和电路的小知识

有关收音机磁性天线和电路的小知识&#xff0c;一起来了解一下吧&#xff01;一、收音机的磁性天线有什么作用&#xff1f;用磁性天线可以代替超外差收音机的天线线圈。由于磁性天线中磁棒的导磁率大&#xff0c;因而绕在磁棒上面的线圈可以获得比较多的电磁波能量&#xff0c;…

data 的数据代理

一、Object.defineProperty() 控制对象的属性值 let num 18; let person {name: mary,age: num; };Object.defineProperty(person, age, {writable: true, // 控制属性是否可以修改. 默认值是 falseenumerable: true, // 控制属性是否可以枚举&#xff0c;默认值是 falsecon…

MySQL百万级/千万级数据存储解决方案

MySQL 百万级/千万级数据存储解决方案 百万级、千万级数据处理&#xff0c;个人认为核心关键在于数据存储方案设计&#xff0c;存储方案设计的是否合理&#xff0c;直接影响到数据CRUD操作。总体设计可以考虑一下三个方面进行设计考虑&#xff1a; 数据存储结构设计索引设计数…

vue 加载太慢_Vue首页加载过慢 解决方案

一、什么导致了首页初步加载过慢&#xff1a;app.js文件体积过大二、解决方法&#xff1a;1、Vue-router懒加载vue-router懒加载可以解决首次加载资源过多导致的速度缓慢问题&#xff1a;vue-router支持WebPack内置的异步模块加载系统。所以&#xff0c;那些使用较少的路由组件…

事件处理 v-on

<!--事件的基本使用&#xff1a;1. 使用 v-on:xxx 或 xxx 绑定事件&#xff0c;其中 xxx 是事件名2. 事件的回调需要配置在 methods 对象中&#xff0c;最终会在 vm 上3. methods 中配置的函数&#xff0c;不要用箭头函数&#xff01;否则 this 就不是 vm 了4. methods 中配…

java restful文件传输_java中使用restful web service来传输文件

【1】上传大文件&#xff1a;前端页面&#xff1a;1)同步上传&#xff1a;2)异步上传&#xff1a;异步上传文件上传文件&#xff1a;function doUpload() {// var formData new FormData($("#uploadForm")[0]);var formData new FormData()formData.append("t…

enum与int、String之间的转换

enum与int、String之间的转换 enum<->int enum -> int: int i enumType.value.ordinal(); int -> enum: enumType b enumType.values()[i]; enum<->String enum -> String: enumType.name() String -> enum: enumType.valueOf(name); 下面是Enum和字…

ios 简书 获取通讯录信息_iOS-授权获取通讯录

- (void)getContact{CNAuthorizationStatus authorizationStatus [CNContactStore authorizationStatusForEntityType:CNEntityTypeContacts];if(authorizationStatus CNAuthorizationStatusAuthorized) {// 获取指定的字段,并不是要获取所有字段&#xff0c;需要指定具体的字…

枚举ENUM的tostring() valueof()name()和values()用法

从jdk5出现了枚举类后,定义一些字典值可以使用枚举类型; 枚举常用的方法是values():对枚举中的常量值进行遍历; valueof(String name) :根据名称获取枚举类中定义的常量值;要求字符串跟枚举的常量名必须一致; 获取枚举类中的常量的名称使用枚举对象.name() 枚举类中重写了t…

Vue键盘事件

<!--1. Vue 中常用的按键别名&#xff1a;回车 > enter删除 > delete (捕获"删除"和"退格"键&#xff09;退出 > esc空格 > space换行 > tab &#xff08;特殊&#xff0c;必须配合 keydown 去使用&#xff09;上 > up下 > down左…

win10引导安卓x86_生命不息折腾不止 Win10竟与安卓有一腿

有些公司、有些产品、有些人总是生命不息折腾不止&#xff0c;不断地更新补丁、不断地出现新的漏洞。近日&#xff0c;微软又搞了几个大新闻。微软Azure营收翻倍&#xff1a;月初&#xff0c;微软重组其销售团队&#xff0c;更专注于云服务的提供&#xff0c;而其销售工作将会转…

Vue 计算属性 computed

<!--计算属性&#xff1a;1. 定义&#xff1a;要用的属性不存在&#xff0c;要通过已有的属性计算得来2. 原理&#xff1a;底层借助了 Object.defineProperty 方法提供的 getter 和 setter3. get 函数什么时候执行&#xff1f;(1). 初次读取时会执行一次(2). 当依赖的数据发…

Mysql 数据库默认值选 ‘‘“ 、Null和Empty String的区别

Mysql 数据库默认值选 ‘’" 、Null和Empty String的区别 1&#xff1a;空值(’’)是不占用空间的 2: MySQL中的NULL其实是占用空间的。官方文档说明: “NULL columns require additional space in the row to record whether their values are NULL. For MyISAM tables,…

Vue 监视属性 watch

<!--监视属性 watch:1. 当被监视的属性变化时&#xff0c;回调函数自动调用&#xff0c;进行相关操作2. 监视的属性必须存在&#xff0c;才能进行监视3. 监视的两种写法&#xff1a;(1). new Vue 时传入 watch 配置(2). 通过 vm.$watch 监视深度监视&#xff1a;(1). Vue 中…