CN105023259B - 图片融合方法、装置、终端和计算机可读存储介质 - Google Patents

Abstract

一种图片融合方法，包括：创建裁切载体；将第一图片添加到裁切载体，并设置第一图片为裁减模板；将第二图片添加到裁切载体，设置第二图片为待裁减内容；设置第一图片与第二图片的融合参数；将裁切载体添加到应用背景的对应层上；当接收到图片融合指令时，沿着第一图片中图形的轮廓裁剪第二图片，过滤第二图片中轮廓包围范围外的部分，根据融合参数计算第二图片的保留部分与第一图片的融合图片的像素数据。上述方法在进行图片融合时，基于第一图片的图形轮廓进行，得到的融合图片没有第一图片的图形轮廓外的多余部分，从而不会发生多余的部分和应用背景中的其它图片叠加在一起而产生视觉上颜色混合的效果。此外，还提供一种图片融合装置。

Description

图片融合方法、装置、终端和计算机可读存储介质

技术领域

本发明涉及图片处理技术，特别是涉及一种图片融合方法和装置。

背景技术

OpenGL（Open Graphics Library）是个专业的图形程序接口，是一个功能强大、调用方便的底层图形库，被用于二维或三维图像的处理。它定义了跨编程语言、跨平台的编程接口的规格，独立于视窗操作系统或其它操作系统，亦是网络透明的。因此，支持OpenGL的软件具有很好的移植性。而OpenGL ES (OpenGL for Embedded Systems)是OpenGL三维图形API的子集，其针对手机、PDA和游戏主机等嵌入式设备以及多种嵌入式系统专门设计，创造了软件与图形加速间灵活强大的底层交互接口。OpenGL ES2.0可以大大提高不同消费电子设备的3D图形渲染速度，在嵌入式系统上实现了全面可编程的3D图形。

在OpenGL中图片融合是常用的一种技术，即按照不同的融合参数将图片与图片的像素数据进行融合计算，得到具有特定效果的融合图片。

由于移动终端硬件性能的限制，移动终端上的应用不能像PC端的应用一样使用大量高清图片和flash动效。支持OpenGL的移动终端上的应用通常通过将图片进行融合，然后加以一些几何和颜色变换来实现炫丽的效果，并达到不会占用太多内存的目的。

在将两幅图片进行融合时，往往需要基于其中第一图片的图形轮廓，将其中的第二图片的光亮效果融合到第一图片中，第二图片中图形轮廓包围范围外部分则需要被过滤掉不再显示。然而，现有技术对图片的裁切是基于矩形的，无法将图片按照不规则图形进行裁切。从而在应用背景中，两幅图片进行融合后多余的不需要的部分与应用背景中的其它图片叠加在一起时，在视觉上也产生了颜色混合的效果，从而可能影响融合图片的效果显示。

如图1所示，图片a和图片b属于具有alpha通道的图片格式，包含透明部分和非透明部分。图片本身都是矩形的。图片a中的非透明部分呈现椭圆形，具有高光亮效果。图片b中的非透明部分则呈现出“胡”字的形状。图片a与图片b的融合意在实现图片b的“胡”字的高光亮效果，但是将图片a与图片b进行融合后，将融合图片放置在应用背景中，如图片c所示，图片a的“胡”字以外的多余部分和应用背景中的其它图片叠加在一起时，在视觉上也产生了颜色混合的效果，从而影响了“胡”字的高光高效果的显示。

发明内容

基于此，有必要提供一种基于图片中图形轮廓进行图片融合的图片融合方法。

一种图片融合方法，包括以下步骤：

创建裁切载体；

将第一图片添加到裁切载体，并设置第一图片为所述裁切载体上的裁减模板；

将第二图片添加到裁切载体，设置所述第二图片为所述裁切载体上的待裁减内容；

设置所述第一图片与所述第二图片的融合参数；

将所述裁切载体添加到应用背景的对应层上；

当接收到图片融合指令时，沿着所述第一图片中图形的轮廓裁剪所述第二图片，过滤所述第二图片中所述轮廓包围范围外的部分，根据所述融合参数计算所述第二图片的保留部分与所述第一图片的融合图片的像素数据。

此外，还有必要提供一种基于图片中图形轮廓进行图片融合的图片融合装置。

一种图片融合装置，包括：

载体创建模块，用于创建裁切载体；

裁减模板设置模块，用于将第一图片添加到所述裁切载体，并设置第一图片为所述裁切载体上的裁减模板；

裁减对象设置模块，用于将第二图片添加到所述裁切载体，设置所述第二图片为所述裁切载体上的待裁减内容；

融合参数设置模块，用于设置所述第一图片与所述第二图片的融合参数；

载体添加模块，用于将所述裁切载体添加到应用背景的对应层上；

融合模块，用于当接收到图片融合指令时，沿着所述第一图片中图形的轮廓裁剪所述第二图片，过滤所述第二图片中所述轮廓包围范围外的部分，根据所述融合参数计算所述第二图片的保留部分与所述第一图片的融合图片的像素数据。

上述图片融合方法和装置，创建裁切载体，将第一图片添加到裁切载体，并设置第一图片为裁减模板，并将第二图片添加到裁切载体，使得第二图片成为待裁减的图片，在进行第一图片与第二图片的融合时，沿着第一图片中图形的轮廓裁剪第二图片，过滤第二图片中上述轮廓包围范围外的部分，将第二图片的保留部分与第一图片进行融合。上述图片融合方法和装置在将第一图片和第二图片进行融合时，是基于第一图片的图形轮廓进行的，得到的融合图片没有第一图片的图形轮廓外的多余部分，从而不会发生多余的部分和应用背景中的其它图片叠加在一起而产生视觉上颜色混合的效果，也避免了该颜色混合的效果影响融合图片的效果显示。

附图说明

图1为现有技术中的图片融合效果示意图；

图2为一个实施例中的图片融合方法的流程示意图；

图3为另一实施例中的图片融合方法的流程示意图；

图4为将图片1中图片a与图片b按照一个实施例中的图片融合方法进行融合得到的融合图片的效果示意图；

图5为一个实施例中的图片融合装置的结构示意图；

图6为另一实施例中的图片融合装置的结构示意图；

图7为又一实施例中的图片融合装置的结构示意图。

具体实施方式

为了使本发明的目的、技术方案及优点更加清楚明白，以下结合附图及实施例，对本发明进行进一步详细说明。应当理解，此处所描述的具体实施例仅仅用以解释本发明，并不用于限定本发明。

可以理解，本发明所使用的术语“第一”、“第二”等可在本文中用于描述各种元件，但这些元件不受这些术语限制。这些术语仅用于将第一个元件与另一个元件区分。举例来说，在不脱离本发明的范围的情况下，可以将第一图片称为第二图片，且类似地，可将第二图片称为第一图片。第一图片和第二图片两者都是图片，但其不是同一图片。

本申请文件中的图片融合方法和装置可基于OpenGL实现。

如图2所示，在一个实施例中，一种图片融合方法，包括以下步骤：

步骤S201，创建裁切载体。

裁切载体作为裁减模板和待裁减内容的载体，可用于设置作为裁减模板的图片和作为待裁减内容的图片。

步骤S202，将第一图片添加到裁切载体，并设置第一图片为裁切载体上的裁减模板。

本申请文件中的第一图片和第二图片为具有alpha通道的图片，例如png图片，第一图片和第二图片都包含透明部分和非透明部分。设置第一图片为裁切载体上的裁减模板，可触发将第一图片的非透明部分设置为裁剪区域的操作，从而上述图片融合方法还包括步骤：在设置第一图片为裁切载体上的裁减模板之后，将第一图片的非透明部分设置为裁剪区域。裁减模板的裁剪区域用于作为待裁减内容的裁剪模具，待裁减内容根据裁剪模具的轮廓进行裁剪，可得到裁剪模具范围内部分和裁剪模具范围外部分。

步骤S203，将第二图片添加到裁切载体，设置第二图片为裁切载体上的待裁减内容。

步骤S204，设置第一图片与第二图片的融合参数。

融合参数用于限制第一图片与第二图片的像素数据的融合计算，根据不同的融合参数计算第一图片与第二图片的像素数据，可得到不同的融合值作为融合图片的像素数据，从而可得到融合图片的不同的融合效果。融合参数的数量由底层的渲染引擎决定，若底层的渲染引擎提供n种融合参数，则第一图片与第二图片的融合参数的组合共有n×n种，可根据需要的不同融合效果来设置第一图片与第二图片各自的n种融合参数。

步骤S205，将裁切载体添加到应用背景的对应层上。

应用背景中包括的多个图片分属于不同的层次，图片按照对应的层次叠放。

步骤S206，当接收到图片融合指令时，沿着第一图片中图形的轮廓裁剪第二图片，过滤第二图片中上述轮廓包围范围外的部分，根据融合参数计算第二图片的保留部分与第一图片的融合图片的像素数据。

第一图片中的非透明部分以图形形式呈现，第一图片中的图形即为第一图片中的非透明部分。

可根据融合参数计算第二图片的保留部分与第一图片的同一位置上的像素数据（即叠加在一起的像素的数据）的融合值，得到融合图片的同一位置上的像素数据。

在一个实施例中，上述的裁切载体为CCClippingNode对象。如图3所示，本实施例中的图片融合方法中包括以下步骤：

步骤S301，创建CCClippingNode对象。

CCClippingNode对象可用于裁切UI（User Interface，用户界面）控件，其继承自CCNode节点类。CCNode是cocos2d-x中场景、层、菜单、精灵等的父类。Cocos2d-x是支持OpenGL ES的一个开源的移动2D游戏框架。

例如，创建CCClippingNode对象的程序代码包括：CCClippingNode*clipper =CCClippingNode::create()；其中创建的CCClipingNode对象的名称为clipper。

步骤S302，设置CCClippingNode对象的裁减模板为第一图片。

例如，设置上述的clipper的裁减模板为第一图片的程序代码包括：

CCSprite*word=CCSprite::createWithSpriteFrameName("firstpicture.png");// 创建firstpicture.png对应的CCSprite对象word

clipper->setStencil(word);//把word设置为clipper的裁减模板

clipper->addChild(word)。//将word添加为clipper的孩子

其中，firstpicture.png为第一图片，CCSprite是cocos2d-x中的精灵类，createWithSpriteFrameName为以输入参数为基础创建精灵的函数，上述第一行代码用于创建第一图片对应的精灵对象word；setStencil是CCClippingNode类的用于设置裁减模板的函数，上述第二行代码用于设置word为clipper的裁减模板，即设置第一图片为clipper的裁减模板；进一步的，还需要将word添加为 clipper的孩子，第三行即实现该功能。

步骤S303，设置CCClippingNode对象的待裁减内容为第二图片。

例如，设置上述的clipper的待裁减内容为第二图片的程序代码包括：

CCSprite*silderShine= CCSprite::createWithSpriteFrameName("secondpicture.png");//创建secondpicture.png对应的CCSprite对象silderShine

clipper->addChild(silderShine)。//将silderShine添加为clipper的孩子

其中，firstpicture.png为第二图片，第一行代码用于创建第二图片对应的精灵对象silderShine；第二行代码用于将silderShine添加为clipper的孩子，以实现设置CCClippingNode对象的待裁减内容为第二图片。

本实施例中的图片融合的方法还可包括步骤：设置CCClippingNode对象的待裁减内容在裁剪后保留的部分为裁剪轮廓包围的部分。可设置 CCClippingNode对象的isInverted属性值为true。

步骤S304，设置第一图片与第二图片的融合参数。

步骤S305，将CCClippingNode对象添加到应用背景的对应层上。

步骤S306，当接收到图片融合指令时，沿着第一图片中图形的轮廓裁剪第二图片，过滤第二图片中上述轮廓包围范围外的部分，根据融合参数计算第二图片的保留部分与第一图片的融合图片。

本实施例中的步骤S301～S303和S305分别与上述实施例中的步骤S201～ S203和S205一一对应，步骤S301～S303和S305分别为步骤S201～S203和 S205的具体实施方式。

在一个实施例中，图片融合指令由屏幕刷新指令触发；或者图片融合指令即为屏幕刷新指令，当接收到屏幕刷新指令时即相当于接收到图片融合指令。屏幕每刷新一次，就将第一图片与第二图片融合一次，即根据融合参数计算一次第一图片的保留部分的像素数据与第二图片的像素数据的融合值，得到融合图片的像素数据。

上述图片融合方法还包括步骤：显示计算得到的融合图片。

若第一图片包含动态效果，即第一图片由一系列图像帧组成，则可依次选取第一图片包含的图像帧与第二图片进行融合计算，得到一系列融合图像帧，依次显示该多帧融合图像帧，形成动态效果。第二图片包含动态效果的处理过程可与第一图片包含动态效果的处理过程相同，在此不再赘述。若第一图片和第二图片都包含动态效果，即第一图片和第二图片都由一系列图像帧组成，则可依次选取第一图片包含的图像帧并依次选取第二图片包含的图像帧，将选取的两个图像帧进行融合计算，得到一系列融合图像帧。

图4为将图片1中图片a与图片b按照一个实施例中的图片融合方法进行融合得到的融合图片的示意图。在融合过程中，沿着图片b中“胡”字的轮廓裁剪图片a，过滤图片a中“胡”字轮廓包围范围外的部分，从而不会发生多余的部分和应用背景中的其它图片叠加在一起而产生视觉上颜色混合的效果。

如图5所示，在一个实施例中，一种图片融合装置，包括载体创建模块10、裁减模板设置模块20、裁减对象设置模块30、融合参数设置模块40、载体添加模块50和融合模块60，其中：

载体创建模块10用于创建裁切载体。

裁切载体作为裁减模板和待裁减内容的载体，可用于设置作为裁减模板的图片和作为待裁减内容的图片。

裁减模板设置模块20用于将第一图片添加到裁切载体，并设置第一图片为裁切载体上的裁减模板。

设置第一图片为裁切载体上的裁减模板，可触发将第一图片的非透明部分设置为裁剪区域的操作，从而裁减模板设置模块20还用于在设置第一图片为裁切载体上的裁减模板之后，将第一图片的非透明部分设置为裁剪区域。裁剪区域用于作为待裁减内容的裁剪模具，待裁减内容根据裁剪模具的轮廓进行裁剪，可得到裁剪模具范围内部分和裁剪模具范围外部分。

裁减对象设置模块30用于将第二图片添加到裁切载体，设置第二图片为裁切载体上的待裁减内容。

融合参数设置模块40用于设置第一图片与第二图片的融合参数。

融合参数用于限制第一图片与第二图片的像素数据的融合计算，根据不同的融合参数计算第一图片与第二图片的像素数据，可得到不同的融合值作为融合图片的像素数据，从而可得到融合图片的不同的融合效果。融合参数的数量由底层的渲染引擎决定，若底层的渲染引擎提供n种融合参数，则第一图片与第二图片的融合参数的组合共有n×n种，可根据需要的不同融合效果来设置第一图片与第二图片各自的n种融合参数。

载体添加模块50用于将裁切载体添加到应用背景的对应层上。

应用背景中包括的多个图片分属于不同的层次，图片按照对应的层次叠放。

融合模块60用于当接收到图片融合指令时，沿着第一图片中图形的轮廓裁剪第二图片，过滤第二图片中上述轮廓包围范围外的部分，根据融合参数计算第二图片的保留部分与第一图片的融合图片的像素数据。

第一图片中的非透明部分以图形形式呈现，第一图片中的图形即为第一图片中的非透明部分。

融合模块60可根据融合参数计算第二图片的保留部分与第一图片的同一位置上的像素数据（即叠加在一起的像素的数据）的融合值，得到融合图片的同一位置上的像素数据。

在一个实施例中，上述的裁切载体为CCClippingNode对象。本实施例中：

载体创建模块10用于创建CCClippingNode对象。

CCClippingNode对象可用于裁切UI（User Interface，用户界面）控件，其继承自CCNode节点类。CCNode是cocos2d-x中场景、层、菜单、精灵等的父类。Cocos2d-x是支持OpenGL ES的一个开源的移动2D游戏框架。

例如，载体创建模块10创建CCClippingNode对象的程序代码包括：CCClippingNode*clipper=CCClippingNode::create()，其中创建的CCClipingNode 对象的名称为clipper。

裁减模板设置模块20用于设置CCClippingNode对象的裁减模板为第一图片。

例如，裁减模板设置模块20设置上述的clipper的裁减模板为第一图片的程序代码包括：

CCSprite*word=CCSprite::createWithSpriteFrameName("firstpicture.png");// 创建firstpicture.png对应的CCSprite对象word

clipper->setStencil(word);//把word设置为clipper的裁减模板

clipper->addChild(word)。//将word添加为clipper的孩子

其中，firstpicture.png为第一图片，CCSprite是cocos2d-x中的精灵类，createWithSpriteFrameName为以输入参数为基础创建精灵的函数，上述第一行代码用于创建第一图片对应的精灵对象word；setStencil是CCClippingNode类的用于设置裁减模板的函数，上述第二行代码用于设置word为clipper的裁减模板，即设置第一图片为clipper的裁减模板；进一步的，还需要将word添加为 clipper的孩子，第三行即实现该功能。

裁减对象设置模块30用于设置CCClippingNode对象的待裁减内容为第二图片。

例如，裁减对象设置模块30设置上述的clipper的待裁减内容为第二图片的程序代码包括：

CCSprite*silderShine= CCSprite::createWithSpriteFrameName("secondpicture.png");//创建 secondpicture.png对应的CCSprite对象silderShine

clipper->addChild(silderShine)。//将silderShine添加为clipper的孩子

其中，firstpicture.png为第二图片，第一行代码用于创建第二图片对应的精灵对象silderShine；第二行代码用于将silderShine添加为clipper的孩子，以实现设置CCClippingNode对象的待裁减内容为第二图片。

如图6所示，本实施例中的图片融合的装置还包括保留部分设置模块70，用于设置CCClippingNode对象的待裁减内容在裁剪后保留的部分为裁剪轮廓包围的部分。保留部分设置模块70可设置CCClippingNode对象的isInverted属性值为true，以设置CCClippingNode对象的待裁减内容在裁剪后保留的部分为裁剪轮廓包围的部分。

载体添加模块50用于将CCClippingNode对象添加到应用背景的对应层上。

在一个实施例中，图片融合指令由屏幕刷新指令触发；或者图片融合指令即为屏幕刷新指令，当接收到屏幕刷新指令时即相当于接收到图片融合指令。屏幕每刷新一次，融合模块60就将第一图片与第二图片融合一次，即根据融合参数计算一次第一图片的保留部分的像素数据与第二图片的像素数据的融合值，得到融合图片的像素数据。

如图7所示，上述图片融合装置还包括显示模块80，用于显示计算得到的融合图片。

若第一图片包含动态效果，即第一图片由一系列图像帧组成，则融合模块 60可依次选取第一图片包含的图像帧与第二图片进行融合计算，得到一系列融合图像帧。第二图片包含动态效果的处理过程可与第一图片包含动态效果的处理过程相同，在此不再赘述。若第一图片和第二图片都包含动态效果，即第一图片和第二图片都由一系列图像帧组成，则融合模块60可依次选取第一图片包含的图像帧并依次选取第二图片包含的图像帧，将选取的两个图像帧进行融合计算，得到一系列融合图像帧。显示模块80可依次显示该多帧融合图像帧，形成动态效果。

上述图片融合方法和装置，创建裁切载体，将第一图片添加到裁切载体，并设置第一图片为裁减模板，并将第二图片添加到裁切载体，使得第二图片成为待裁减的图片，在进行第一图片与第二图片的融合时，沿着第一图片中图形的轮廓裁剪第二图片，过滤第二图片中上述轮廓包围范围外的部分，将第二图片的保留部分与第一图片进行融合。上述图片融合方法和装置在将第一图片和第二图片进行融合时，是基于第一图片的图形轮廓进行的，得到的融合图片没有第一图片的图形轮廓外的多余部分，从而不会发生多余的部分和应用背景中的其它图片叠加在一起而产生视觉上颜色混合的效果，也避免了该颜色混合的效果影响融合图片的效果显示。

以上所述实施例仅表达了本发明的几种实施方式，其描述较为具体和详细，但并不能因此而理解为对本发明专利范围的限制。应当指出的是，对于本领域的普通技术人员来说，在不脱离本发明构思的前提下，还可以做出若干变形和改进，这些都属于本发明的保护范围。因此，本发明专利的保护范围应以所附权利要求为准。

Claims (12)

1.一种图片融合方法，包括以下步骤：

创建裁切载体；

将第一图片添加到所述裁切载体，并设置第一图片为所述裁切载体上的裁减模板；

将第二图片添加到所述裁切载体，设置所述第二图片为所述裁切载体上的待裁减内容；

设置所述第一图片与所述第二图片的融合参数；

将所述裁切载体添加到应用背景的对应层上；

当接收到图片融合指令时，沿着所述第一图片中图形的轮廓裁剪所述第二图片，过滤所述第二图片中所述轮廓包围范围外的部分，根据所述融合参数计算所述第二图片的保留部分与所述第一图片的像素数据的融合值，得到融合图片的像素数据，所述第一图片中图形的轮廓包括所述第一图片中文字的轮廓，以将所述第二图片的光亮效果体现在所述第一图片的文字中。

2.根据权利要求1所述的图片融合方法，其特征在于，所述第一图片和第二图片都包含透明部分和非透明部分。

3.根据权利要求2所述的图片融合方法，其特征在于，所述第一图片的非透明部分呈图形形式呈现；

所述设置第一图片为所述裁切载体上的裁减模板的步骤触发将所述第一图片的非透明部分设置为裁剪区域的操作；

所述裁减模板的所述裁剪区域用于作为所述待裁减内容的裁剪模具，待裁减内容根据裁剪模具的轮廓进行裁剪。

4.根据权利要求1所述的图片融合方法，其特征在于，所述图片融合指令由屏幕刷新指令触发，或，所述图片融合指令为屏幕刷新指令。

5.根据权利要求1所述的图片融合方法，其特征在于，根据所述融合参数计算所述第二图片的保留部分与所述第一图片的融合图片的像素数据的步骤包括：

根据融合参数计算第二图片的保留部分与第一图片的同一位置上的像素数据的融合值，得到融合图片的同一位置上的像素数据。

6.一种图片融合装置，其特征在于，包括：

载体创建模块，用于创建裁切载体；

裁减模板设置模块，用于将第一图片添加到所述裁切载体，并设置第一图片为所述裁切载体上的裁减模板；

裁减对象设置模块，用于将第二图片添加到所述裁切载体，设置所述第二图片为所述裁切载体上的待裁减内容；

融合参数设置模块，用于设置所述第一图片与所述第二图片的融合参数；

载体添加模块，用于将所述裁切载体添加到应用背景的对应层上；

融合模块，用于当接收到图片融合指令时，沿着所述第一图片中图形的轮廓裁剪所述第二图片，过滤所述第二图片中所述轮廓包围范围外的部分，根据所述融合参数计算所述第二图片的保留部分与所述第一图片的像素数据的融合值，得到融合图片的像素数据，所述第一图片中图形的轮廓包括所述第一图片中文字的轮廓，以将所述第二图片的光亮效果体现在所述第一图片的文字中。

7.根据权利要求6所述的图片融合装置，其特征在于，所述第一图片和第二图片都包含透明部分和非透明部分。

8.根据权利要求7所述的图片融合装置，其特征在于，所述第一图片的非透明部分呈图形形式呈现；

所述裁减对象设置模块还用于在设置第一图片为所述裁切载体上的裁减模板之后，将所述第一图片的非透明部分设置为裁剪区域；

所述裁减模板的所述裁剪区域用于作为所述待裁减内容的裁剪模具，待裁减内容根据裁剪模具的轮廓进行裁剪。

9.根据权利要求6所述的图片融合装置，其特征在于，所述图片融合指令由屏幕刷新指令触发，或，所述图片融合指令为屏幕刷新指令。

10.根据权利要求6所述的图片融合装置，其特征在于，所述融合模块根据所述融合参数计算所述第二图片的保留部分与所述第一图片的融合图片的像素数据的过程包括：

所述融合模块根据融合参数计算第二图片的保留部分与第一图片的同一位置上的像素数据的融合值，得到融合图片的同一位置上的像素数据。

11.一种终端，其特征在于，包括存储介质和处理器，所述存储介质中存储有计算机程序，所述计算机程序被所述处理器执行时，使得所述处理器执行权利要求1至5中任一项权利要求所述图片融合的方法的步骤。

12.一种计算机可读存储介质，其特征在于，所述存储介质上存储有计算机程序，所述计算机程序被处理器执行时，使得所述处理器执行权利要求1至5中任一项权利要求所述图片融合的方法的步骤。