CN110852936B - 对图片进行混合处理的方法和装置 - Google Patents
对图片进行混合处理的方法和装置 Download PDFInfo
- Publication number
- CN110852936B CN110852936B CN201910980569.1A CN201910980569A CN110852936B CN 110852936 B CN110852936 B CN 110852936B CN 201910980569 A CN201910980569 A CN 201910980569A CN 110852936 B CN110852936 B CN 110852936B
- Authority
- CN
- China
- Prior art keywords
- picture information
- picture
- pictures
- transparency value
- value
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Active
Links
- 238000002156 mixing Methods 0.000 title claims abstract description 48
- 238000000034 method Methods 0.000 title claims abstract description 44
- 238000004590 computer program Methods 0.000 claims description 6
- 238000009877 rendering Methods 0.000 abstract description 17
- 238000010586 diagram Methods 0.000 description 5
- 230000000717 retained effect Effects 0.000 description 2
- 230000007547 defect Effects 0.000 description 1
- 230000000694 effects Effects 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T3/00—Geometric image transformations in the plane of the image
- G06T3/04—Context-preserving transformations, e.g. by using an importance map
Landscapes
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Image Generation (AREA)
Abstract
本发明提供一种对图片进行混合处理的方法和装置,其中该方法包括:获取图片信息;判断图片信息的透明度值是否小于1;确定图片信息的透明度值小于1,则根据图片信息内的各像素点RGB通道值和图片信息的透明度值对图片进行混合处理。本发明提供的对图片进行混合处理的方法和装置,在加载图片这个过程只会执行一次而且发生在渲染之前,加载图片时提前处理,不会给渲染带来任何的性能问题,不影响渲染的效率。
Description
技术领域
本发明涉及计算图片处理领域,尤其涉及一种对图片进行混合处理的方法和装置。
背景技术
在OpenGL中使用着色器进行两张PNG图片(底图+遮罩图)的混合过程中,发现遮罩图的透明度丢失导致底层无法正确地被遮罩图抠出来,即混合效果不正确。
现有解决该问题的方案主要是通过去修改着色器,针对图片混合的情况写一个新的着色器,着色器里面加载图片的色值时把RGB通道乘上图片的透明度,使得遮罩图的透明度能正确地作用于底图。
现有解决方案缺点十分明显,首先这个方案属于特殊处理,并没有通用性,而且着色器在渲染一张图片时每一个像素点就会被调用一次,而每调用一次就要执行RGB三个通道乘上透明度的操作,也就是每渲染一个像素点就额外增加了3次乘法操作,当图片很大的时候需要增加大量的乘法操作,直接影响了渲染的效率。
发明内容
为了解决现有技术中对图片混合过程中出现的渲染效率低的问题,本发明提供一种对图片进行混合处理的方法和装置。
第一方面,本发明一种对图片进行混合处理的方法,该方法包括:
获取图片信息;
判断图片信息的透明度值是否小于1;
确定图片信息的透明度值小于1,则根据图片信息内的各像素点RGB通道值和图片信息的透明度值对图片进行混合处理。
进一步地,该方法还包括:
确定图片信息的透明度值大于1,保留图片信息。
进一步地,确定图片信息的透明度值小于1,则根据图片信息内的各像素点RGB通道值和图片的透明度值对图片进行混合处理包括:
将图片信息内的各像素点RGB通道值乘上图片的透明度值,得到混合处理结果。
进一步地,图片信息包括:底图,遮罩图。
第二方面,本发明提供一种对图片进行混合处理的装置,该装置包括:
获取模块,用于获取图片信息;
判断模块,用于判断图片信息的透明度值是否小于1;
混合处理模块,用于确定图片信息的透明度值小于1,则根据图片信息内的各像素点RGB通道值和图片信息的透明度值对图片进行混合处理。
进一步地,该装置还包括:
未处理模块,用于确定图片信息的透明度值大于1,保留图片信息。
进一步地,混合处理模块包括:
相乘单元,用于将图片信息内的各像素点RGB通道值乘上图片的透明度值,得到混合处理结果。
进一步地,图片信息包括:底图,遮罩图。
第三方面,本发明提供一种电子设备,包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序,所述处理器执行所述程序时实现第一方面提供的对图片进行混合处理的方法的步骤。
第四方面,本发明提供一种非暂态计算机可读存储介质,其上存储有计算机程序,该计算机程序被处理器执行时实现第一方面提供的对图片进行混合处理的方法的步骤。
本发明提供的对图片进行混合处理的方法和装置,在加载图片这个过程只会执行一次而且发生在渲染之前,加载图片时提前处理,不会给渲染带来任何的性能问题,不影响渲染的效率。
附图说明
为了更清楚地说明本发明实施例或现有技术中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本发明的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。
图1为本发明实施例提供的对图片进行混合处理的方法流程示意图;
图2为本发明另一实施例提供的对图片进行混合处理的方法流程示意图;
图3为本发明实施例提供的对图片进行混合处理的装置框图;
图4为本发明另一实施例提供的对图片进行混合处理的装置框图;
图5为本发明实施例提供的电子设备框图。
具体实施方式
为了使本技术领域的人员更好地理解本申请方案,下面将结合本申请实施例中的附图,对本申请实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本申请一部分的实施例,而不是全部的实施例。基于本申请中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例,都应当属于本申请保护的范围。
需要说明的是,本申请的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象,而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换,以便这里描述的本申请的实施例。此外,术语“包括”和“具有”以及他们的任何变形,意图在于覆盖不排他的包含,例如,包含了一系列步骤或单元的过程、方法、系统、产品或设备不必限于清楚地列出的那些步骤或单元,而是可包括没有清楚地列出的或对于这些过程、方法、产品或设备固有的其它步骤或单元。
需要说明的是,在不冲突的情况下,本申请中的实施例及实施例中的特征可以相互组合。下面将参考附图并结合实施例来详细说明本申请。
在使用着色器进行图片混合时会出现遮罩图的透明度丢失的情况,现有方式是修改着色器,把着色器里面加载图片的色值时把RGB通道乘上图片的透明度使得显示出透明度,但是当图片过多时,该方式会直接影响渲染的效率。为了解决上述问题,本发明实施例提供一种对图片进行混合处理的方法,如图1所示,该方法包括:
步骤S101,获取图片信息;
步骤S102,判断图片信息的透明度值是否小于1;
步骤S103,确定图片信息的透明度值小于1,则根据图片信息内的各像素点RGB通道值和图片信息的透明度值对图片进行混合处理。
具体为,OpenGL(Open Graphics Library,开放图形库)是用于渲染2D、3D矢量图形的跨语言、跨平台的应用程序编程接口。在OpenGL环境中使用着色器进行底图和遮罩图的图片的混合过程中,发现遮罩图的透明度丢失导致底层无法正确地被遮罩图抠出来,这时计算机服务器先获取待混合处理的png图片信息,在加载png图片时先判断底色图片的透明度值是否小于1,若确定底色图片信息的透明度值小于1,说明底色图片带透明度,也即是带有遮罩图,则根据底色图片信息内的每个像素点RGB通道值和当前透明度值对透明度小于1的底色图片进行混合处理。
本发明提供的对图片进行混合处理的方法,在加载图片这个过程只会执行一次而且发生在渲染之前,加载图片时提前处理,不会给渲染带来任何的性能问题,不影响渲染的效率。
基于上述各实施例的内容,作为一种可选实施例:如图2所示,该方法还包括:
步骤S104,确定图片信息的透明度值大于1,保留图片信息。
具体为,如果当前图片的透明度值大于1,则说明当前图片上层没有透明遮罩层,此时保留该图片所有信息即可。
基于上述各实施例的内容,作为一种可选实施例:确定图片信息的透明度值小于1,则根据图片信息内的各像素点RGB通道值和图片的透明度值对图片进行混合处理包括:
将图片信息内的各像素点RGB通道值乘上图片的透明度值,得到混合处理结果。
具体为,确定底色图片信息的透明度值小于1,则提前对底色图片的每个像素点的RGB通道预先乘上图片的透明度值,完成对图片的混合处理。
基于上述各实施例的内容,作为一种可选实施例:图片信息包括:底图,遮罩图。
根据本发明的再一个方面,本发明实施例提供对图片进行混合处理的装置,参见图3,图3为本发明实施例提供的对图片进行混合处理的装置框图。该装置用于在前述各实施例中完成本发明实施例提供的对图片进行混合处理。因此,在前述各实施例中的本发明实施例提供的对图片进行混合处理的方法中的描述和定义,可以用于本发明实施例中各执行模块的理解。
该装置包括:
获取模块301,用于获取图片信息;
判断模块302,用于判断图片信息的透明度值是否小于1;
混合处理模块303,用于确定图片信息的透明度值小于1,则根据图片信息内的各像素点RGB通道值和图片信息的透明度值对图片进行混合处理。
具体为,OpenGL(Open Graphics Library,开放图形库)是用于渲染2D、3D矢量图形的跨语言、跨平台的应用程序编程接口。在OpenGL环境中使用着色器进行底图和遮罩图的图片的混合过程中,发现遮罩图的透明度丢失导致底层无法正确地被遮罩图抠出来,这时计算机服务器先获取待混合处理的png图片信息,在加载png图片时先判断底色图片的透明度值是否小于1,若确定底色图片信息的透明度值小于1,说明底色图片带透明度,也即是带有遮罩图,则根据底色图片信息内的每个像素点RGB通道值和当前透明度值对透明度小于1的底色图片进行混合处理。
本发明提供的对图片进行混合处理的装置,在加载图片这个过程只会执行一次而且发生在渲染之前,加载图片时提前处理,不会给渲染带来任何的性能问题,不影响渲染的效率。
基于上述各实施例的内容,作为一种可选实施例:如图4所示,该装置还包括:
未处理模块304,用于确定图片信息的透明度值大于1,保留图片信息。
具体为,如果当前底色图片的透明度值大于1,则说明当前底色图片上层没有透明遮罩层,此时保留该图片所有信息即可。
基于上述各实施例的内容,作为一种可选实施例:混合处理模块包括:
相乘单元,用于将图片信息内的各像素点RGB通道值乘上图片的透明度值,得到混合处理结果。
具体为,确定图片信息的透明度值小于1,则提前对图片的每个像素点的RGB通道预先乘上图片的透明度值,完成对图片的混合处理。
基于上述各实施例的内容,作为一种可选实施例:图片信息包括:底图,遮罩图。
图5为本发明实施例提供的电子设备框图,如图5所示,该设备包括:处理器501、存储器502和总线503;
其中,处理器501及存储器502分别通过总线503完成相互间的通信;处理器501用于调用存储器502中的程序指令,以执行上述实施例所提供的对图片进行混合处理的方法,例如包括:获取图片信息;判断图片信息的透明度值是否小于1;确定图片信息的透明度值小于1,则根据图片信息内的各像素点RGB通道值和图片信息的透明度值对图片进行混合处理。
本发明实施例提供一种非暂态计算机可读存储介质,其上存储有计算机程序,该计算机程序被处理器执行时实现对图片进行混合处理的方法的步骤。例如包括:获取图片信息;判断图片信息的透明度值是否小于1;确定图片信息的透明度值小于1,则根据图片信息内的各像素点RGB通道值和图片信息的透明度值对图片进行混合处理。
以上所描述的装置实施例仅仅是示意性的,其中作为分离部件说明的单元可以是或者也可以不是物理上分开的,作为单元显示的部件可以是或者也可以不是物理单元,即可以位于一个地方,或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部模块来实现本实施例方案的目的。本领域普通技术人员在不付出创造性的劳动的情况下,即可以理解并实施。
通过以上的实施方式的描述,本领域的技术人员可以清楚地了解到各实施方式可借助软件加必需的通用硬件平台的方式来实现,当然也可以通过硬件。基于这样的理解,上述技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来,该计算机软件产品可以存储在计算机可读存储介质中,如ROM/RAM、磁碟、光盘等,包括若干指令用以使得一台计算机设备(可以是个人计算机,服务器,或者网络设备等)执行各个实施例或者实施例的某些部分的方法。
最后,本发明中应用了具体实施例对本发明的原理及实施方式进行了阐述,以上实施例的说明只是用于帮助理解本发明的方法及其核心思想;同时,对于本领域的一般技术人员,依据本发明的思想,在具体实施方式及应用范围上均会有改变之处,综上所述,本说明书内容不应理解为对本发明的限制。
Claims (6)
1.一种对图片进行混合处理的方法,其特征在于,所述方法包括:
获取图片信息,所述图片信息包括底图、遮罩图;
判断底色图片信息的透明度值是否小于1;
确定所述底色图片信息的透明度值小于1,则对底色图片信息内的各像素点RGB通道值乘上图片的透明度值,完成对图片的混合处理。
2.根据权利要求1所述的方法,其特征在于,所述方法还包括:
确定所述图片信息的透明度值大于1,保留所述图片信息。
3.一种对图片进行混合处理的装置,其特征在于,所述装置包括:
获取模块,用于获取图片信息,所述图片信息包括底图、遮罩图;
判断模块,用于判断底色图片信息的透明度值是否小于1;
混合处理模块,用于确定所述底色图片信息的透明度值小于1,则对底色图片信息内的各像素点RGB通道值乘上图片的透明度值,完成对图片的混合处理。
4.根据权利要求3所述的装置,其特征在于,所述装置还包括:
未处理模块,用于确定所述图片信息的透明度值大于1,保留所述图片信息。
5.一种电子设备,包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序,其特征在于,所述处理器执行所述程序时实现如权利要求1至2任一项所述对图片进行混合处理的方法的步骤。
6.一种非暂态计算机可读存储介质,其上存储有计算机程序,其特征在于,该计算机程序被处理器执行时实现如权利要求1至2任一项所述对图片进行混合处理的方法的步骤。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201910980569.1A CN110852936B (zh) | 2019-10-15 | 2019-10-15 | 对图片进行混合处理的方法和装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201910980569.1A CN110852936B (zh) | 2019-10-15 | 2019-10-15 | 对图片进行混合处理的方法和装置 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN110852936A CN110852936A (zh) | 2020-02-28 |
CN110852936B true CN110852936B (zh) | 2023-03-31 |
Family
ID=69597501
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201910980569.1A Active CN110852936B (zh) | 2019-10-15 | 2019-10-15 | 对图片进行混合处理的方法和装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN110852936B (zh) |
Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
JP2000030042A (ja) * | 1998-07-14 | 2000-01-28 | Matsushita Electric Ind Co Ltd | 表示処理装置 |
US6809745B1 (en) * | 2001-10-01 | 2004-10-26 | Adobe Systems Incorporated | Compositing two-dimensional and 3-dimensional images |
WO2017101250A1 (zh) * | 2015-12-18 | 2017-06-22 | 北京金山安全软件有限公司 | 加载进度的显示方法及终端 |
CN108701372A (zh) * | 2017-05-19 | 2018-10-23 | 华为技术有限公司 | 一种图像处理方法及装置 |
CN110288670A (zh) * | 2019-06-19 | 2019-09-27 | 杭州绝地科技股份有限公司 | 一种ui描边特效的高性能渲染方法 |
-
2019
- 2019-10-15 CN CN201910980569.1A patent/CN110852936B/zh active Active
Patent Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
JP2000030042A (ja) * | 1998-07-14 | 2000-01-28 | Matsushita Electric Ind Co Ltd | 表示処理装置 |
US6809745B1 (en) * | 2001-10-01 | 2004-10-26 | Adobe Systems Incorporated | Compositing two-dimensional and 3-dimensional images |
WO2017101250A1 (zh) * | 2015-12-18 | 2017-06-22 | 北京金山安全软件有限公司 | 加载进度的显示方法及终端 |
CN108701372A (zh) * | 2017-05-19 | 2018-10-23 | 华为技术有限公司 | 一种图像处理方法及装置 |
CN110288670A (zh) * | 2019-06-19 | 2019-09-27 | 杭州绝地科技股份有限公司 | 一种ui描边特效的高性能渲染方法 |
Also Published As
Publication number | Publication date |
---|---|
CN110852936A (zh) | 2020-02-28 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN103164839B (zh) | 一种绘图方法、装置及终端 | |
US20140118351A1 (en) | System, method, and computer program product for inputting modified coverage data into a pixel shader | |
US20150110419A1 (en) | Method and device for image processing | |
US9811940B2 (en) | Bandwidth reduction using vertex shader | |
US10068370B2 (en) | Render-time linking of shaders | |
CN105528207A (zh) | 一种虚拟现实系统及其中显示安卓应用图像的方法和装置 | |
CN108765539A (zh) | 基于OpenGLES的图像渲染方法、装置、设备及存储介质 | |
CN115439609B (zh) | 基于地图服务的三维模型渲染方法、系统、设备及介质 | |
CN110363837B (zh) | 游戏中纹理图像的处理方法及装置、电子设备、存储介质 | |
CN111111179A (zh) | 一种基于Unity的图形资源加载的方法及装置 | |
CN111414150A (zh) | 游戏引擎渲染方法、装置、电子设备及计算机存储介质 | |
CN110852936B (zh) | 对图片进行混合处理的方法和装置 | |
EP4270321A1 (en) | Graphic rendering method and apparatus, and storage medium | |
CN112233159B (zh) | 纹理处理方法及装置 | |
CN115861510A (zh) | 对象渲染方法、装置、电子设备、存储介质及程序产品 | |
CN115131531A (zh) | 虚拟对象显示方法、装置、设备及存储介质 | |
CN110287437B (zh) | 网页截图方法、装置、存储介质及终端 | |
CN112604293A (zh) | 数据处理方法、装置、电子设备及可读介质 | |
CN109710122B (zh) | 用于展示信息的方法和装置 | |
US20240233237A9 (en) | Graphics rendering method and apparatus, and storage medium | |
CN110838152B (zh) | 多图层混合后的快速截图方法和装置 | |
CN115511934A (zh) | 设计图的模型材质更换方法及装置 | |
CN107358637B (zh) | 文字绘制方法及装置、终端及存储介质 | |
CN114663327A (zh) | 融合方法、装置、计算机设备和存储介质 | |
CN109803163B (zh) | 图像展示方法及其装置、存储介质 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
GR01 | Patent grant | ||
GR01 | Patent grant |