自适应背景图片拉伸方法、装置、介质和设备制造方法及图纸

技术编号:34772374 阅读:22 留言:0更新日期:2022-08-31 19:36
本发明专利技术涉及一种自适应背景图片拉伸方法,该方法包括:采用专用像素在背景图片的至少一个侧边进行可拉伸区域标记;根据专用像素计算背景图片的可拉伸区域的像素、可拉伸区域的面积及可拉伸区域的位置信息;基于可拉伸区域的像素、面积和位置信息计算出多个拉伸方向上渐变后的像素数据后,计算可拉伸区域的位置,并将可拉伸区域填充到画布上;通过画布的标签按照所需的图片格式,输出自适应拉伸的背景图片。本发明专利技术还涉及自适应背景图片拉伸装置、介质和设备。质和设备。质和设备。

【技术实现步骤摘要】
自适应背景图片拉伸方法、装置、介质和设备


[0001]本专利技术涉及图像处理
,尤其涉及一种自适应背景图片拉伸方法方法、装置、介质和设备。

技术介绍

[0002]目前,现有技术通常是通过切图的方式实现背景图根据内容自适应拉伸,现有技术的切图方法会使图片资源较多,且非常不易管理。
[0003]现有的(.9.png)的技术是安卓开发里面的一种特殊的图片,这种格式的图片通过ADT自带的编辑工具生成,使用九宫格切分的方法,使图片支持在android 环境下的自适应展示。该技术需要把png格式的图片经过安卓的工具特殊处理才能使用,且只适用于安卓开发环境。
[0004]为解决现有技术中存在的问题,亟需研发提出一种较好解决自适应背景图片拉伸问题的方法,同时能够解决使用一张含有标记像素的图片实现背景图片根据内容自适应调节大小的问题。

技术实现思路

[0005]本专利技术所要解决的技术问题是针对现有技术的不足,提供一种自适应背景图片拉伸方法、装置、介质和设备。
[0006]本专利技术解决上述技术问题的技术方案如下:本专利技术提供一种自适应背景图片拉伸方法,该方法包括:采用专用像素在背景图片的至少一个侧边进行可拉伸区域标记;根据专用像素计算背景图片的可拉伸区域的像素、可拉伸区域的面积及可拉伸区域的位置信息;基于可拉伸区域的像素、面积和位置信息计算出多个拉伸方向上渐变后的像素数据后,计算可拉伸区域的位置,并将可拉伸区域填充到画布上;通过画布的标签按照所需的图片格式,输出自适应拉伸的背景图片。<br/>[0007]优选的,上述采用像素标记在背景图片的至少一个侧边进行可拉伸区域标记,进一步包括:专用像素使用白色像素对背景图片的上侧和左侧的可拉伸区域进行标记;白色像素与背景图片间紧密设置。
[0008]优选的,上述根据专用像素计算背景图片的可拉伸区域的像素、可拉伸区域的面积及可拉伸区域的位置信息,进一步包括:将背景图片填充在离屏画布上,取出画布中第一行和第一列的像素,获得标记的白色像素的位置及白色像素的长度,计算背景图片的可拉伸区域的位置和面积;根据可拉伸区域的位置和面积,获取固定区域及可拉伸区域的像素,并将可拉伸区域的位置及像素、固定区域的像素进行存储。
[0009]优选的,上述基于可拉伸区域的像素、面积和位置信息计算出多个拉伸方向上渐变后的像素数据后,计算可拉伸区域的位置,并将可拉伸区域填充到画布上,进一步包括:可拉伸区域包括横向拉伸区域、纵向拉伸区域及横向纵向拉伸区域,根据横向拉伸区域横向每行像素的首尾像素及首尾像素之间的宽度计算出横向渐变后的像素数据;根据纵向拉伸区域纵向每列像素的首尾像素及首尾像素之间的高度计算出纵向渐变后的像素数据;横向纵向拉伸区域,先进行横向拉伸的像素数据计算,再进行纵向拉伸的像素数据计算;根据横向拉伸区域、纵向拉伸区域及横向纵向拉伸区域的像素数据,重新计算各区域的位置,根据各区域的像素、位置、大小重新填充画布。
[0010]本专利技术实施还提供一种自适应背景图片拉伸装置,采用如上所述自适应背景图片拉伸方法,该装置包括:标记模块:采用专用像素在背景图片的至少一个侧边进行可拉伸区域标记;可拉伸区域计算模块:根据专用像素计算背景图片的可拉伸区域的像素、可拉伸区域的面积及可拉伸区域的位置信息;拉伸渐变计算模块:基于可拉伸区域的像素、面积和位置信息计算出多个拉伸方向上渐变后的像素数据后,计算可拉伸区域的位置,并将可拉伸区域填充到画布上;图片输出模块:通过画布的标签按照所需的图片格式,输出自适应拉伸的背景图片。
[0011]优选的,标记模块,进一步包括:专用像素标记模块:专用像素使用白色像素对背景图片的上侧和左侧的可拉伸区域进行标记;边缘设置模块:白色像素与背景图片边缘紧密设置。
[0012]优选的,可拉伸区域计算模块,进一步包括:第一可拉伸区域计算模块:将背景图片填充在离屏画布上,取出画布中第一行和第一列的像素,获得标记的白色像素的位置及白色像素的长度,计算背景图片的可拉伸区域的位置和面积;第二可拉伸区域计算模块:根据可拉伸区域的位置和面积,获取固定区域及可拉伸区域的像素,并将可拉伸区域的位置及像素、固定区域的像素进行存储。
[0013]优选的,拉伸渐变计算模块,进一步包括:第一拉伸渐变计算模块:可拉伸区域包括横向拉伸区域、纵向拉伸区域及横向纵向拉伸区域,根据横向拉伸区域横向每行像素的首尾像素及首尾像素之间的宽度计算出横向渐变后的像素数据;第二拉伸渐变计算模块:根据纵向拉伸区域纵向每列像素的首尾像素及首尾像素之间的高度计算出纵向渐变后的像素数据;第三拉伸渐变计算模块:横向纵向拉伸区域,先进行横向拉伸的像素数据计算,再进行纵向拉伸的像素数据计算;填充模块:根据横向拉伸区域、纵向拉伸区域及横向纵向拉伸区域的像素数据,重新计算各区域的位置,根据各区域的像素、位置、大小重新填充画布。
[0014]本专利技术提供一种计算机可读存储介质,其上存储有计算机程序,该程序被处理器执行时实现上述的自适应背景图片拉伸方法的步骤。
[0015]本专利技术提供一种电子设备,包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序,处理器执行程序时实现如上的自适应背景图片拉伸方法的步骤。
[0016]本方法专利技术的有益效果是:1)本专利技术提出只需要用一张图片,就可以实现背景图片自适应,而现有方案需要手动切成多张图片;2)本专利技术方案对图片格式没有任何要求,而现有方案(.9.png)是安卓开发里面的一种特殊的图片,只能在安卓开发环境下才具有自适应调节大小的能力。
[0017]本专利技术附加的方面的优点将在下面的描述中部分给出,部分将从下面的描述中变得明显,或通过本专利技术实践了解到。
附图说明
[0018]为了更清楚地说明本专利技术实施例的技术方案,下面将对本专利技术实施例或现有技术描述中所需要使用的附图作简单地介绍,显而易见地,下面所描述的附图仅仅是本专利技术的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。
[0019]图1为本专利技术自适应背景图片拉伸方法流程图;图2为本专利技术具体实施例自适应背景图片拉伸方法流程图;图3为本专利技术具体实施例背景图片标记示意图;图4为本专利技术具体实施例可拉伸区域示意图;图5为为本专利技术具体实施例画布填充示意图;图6为本专利技术自适应背景图片拉伸装置示意图。
具体实施方式
[0020]下面将结合本专利技术实施例中的附图,对本专利技术实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例是本专利技术的一部分实施例,而不是全部实施例。基于本专利技术中的实施例,本领域普通技术人员在没有做出创造性劳动的前提下所获得的所有其他实施例,都应属于本专利技术保护的范围。
[0021]本专利技术旨在解决使用一张含有标记像素的图片实现背景图片根据内容自适应调节大小问题。
[0022]本专利技术解决上述技术问题的技术方案如下:如图1所示,本专利技术提供一种自适应背景图片拉伸方法,该方法包括:S10:采用专用像素在背景图片的至本文档来自技高网
...

【技术保护点】

【技术特征摘要】
1.一种自适应背景图片拉伸方法,其特征在于,所述方法包括:采用专用像素在背景图片的至少一个侧边进行可拉伸区域标记;根据所述专用像素计算所述背景图片的所述可拉伸区域的像素、所述可拉伸区域的面积及所述可拉伸区域的位置信息;基于所述可拉伸区域的像素、面积和位置信息计算出多个拉伸方向上渐变后的像素数据后,计算所述可拉伸区域的位置,并将所述可拉伸区域填充到画布上;通过所述画布的标签按照所需的图片格式,输出自适应拉伸的所述背景图片。2.根据如权利要求1所述自适应背景图片拉伸方法,其特征在于,所述采用像素标记在背景图片的至少一个侧边进行可拉伸区域标记,进一步包括:所述专用像素使用白色像素对所述背景图片的上侧和左侧的可拉伸区域进行标记;所述白色像素与所述背景图片间紧密设置。3.根据如权利要求2所述自适应背景图片拉伸方法,其特征在于,所述根据所述专用像素计算所述背景图片的所述可拉伸区域的像素、所述可拉伸区域的面积及所述可拉伸区域的位置信息,进一步包括:将所述背景图片填充在离屏画布上,取出画布中第一行和第一列的像素,获得标记的所述白色像素的位置及所述白色像素的长度,计算所述背景图片的可拉伸区域的位置和面积;根据所述可拉伸区域的位置和面积,获取固定区域及所述可拉伸区域的像素,并将所述可拉伸区域的位置及像素、所述固定区域的像素进行存储。4.根据如权利要求1所述自适应背景图片拉伸方法,其特征在于,所述基于所述可拉伸区域的像素、面积和位置信息计算出多个拉伸方向上渐变后的像素数据后,计算所述可拉伸区域的位置,并将所述可拉伸区域填充到画布上,进一步包括:所述可拉伸区域包括横向拉伸区域、纵向拉伸区域及横向纵向拉伸区域,根据所述横向拉伸区域横向每行像素的首尾像素及所述首尾像素之间的宽度计算出横向渐变后的像素数据;根据所述纵向拉伸区域纵向每列像素的首尾像素及所述首尾像素之间的高度计算出纵向渐变后的像素数据;所述横向纵向拉伸区域,先进行横向拉伸的像素数据计算,再进行纵向拉伸的像素数据计算;根据所述横向拉伸区域、纵向拉伸区域及横向纵向拉伸区域的像素数据,重新计算各区域的位置,根据各区域的像素、位置、大小重新填充所述画布。5.一种自适应背景图片拉伸装置,采用如权利要求1

4中任意一项所述自适应背景图片拉伸方法,其特征在于,所述装置包括:标记模块:采用专用像素在背景图片的至少一个侧边进行可拉伸区域标记;可拉伸区域计算模块:根...

【专利技术属性】
技术研发人员:王赛谢帅黄正雨井刚
申请(专利权)人:北京优锘科技有限公司
类型:发明
国别省市:

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1