CN115168762A - 基于背景图像的信息显示方法及装置、电子设备 - Google Patents
基于背景图像的信息显示方法及装置、电子设备 Download PDFInfo
- Publication number
- CN115168762A CN115168762A CN202210847392.XA CN202210847392A CN115168762A CN 115168762 A CN115168762 A CN 115168762A CN 202210847392 A CN202210847392 A CN 202210847392A CN 115168762 A CN115168762 A CN 115168762A
- Authority
- CN
- China
- Prior art keywords
- color
- color value
- image
- background image
- values
- 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.)
- Pending
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/957—Browsing optimisation, e.g. caching or content distillation
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06Q—INFORMATION AND COMMUNICATION TECHNOLOGY [ICT] SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES; SYSTEMS OR METHODS SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES, NOT OTHERWISE PROVIDED FOR
- G06Q30/00—Commerce
- G06Q30/02—Marketing; Price estimation or determination; Fundraising
- G06Q30/0241—Advertisements
- G06Q30/0277—Online advertisement
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T7/00—Image analysis
- G06T7/10—Segmentation; Edge detection
- G06T7/11—Region-based segmentation
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T7/00—Image analysis
- G06T7/90—Determination of colour characteristics
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Physics & Mathematics (AREA)
- Business, Economics & Management (AREA)
- Accounting & Taxation (AREA)
- Development Economics (AREA)
- Finance (AREA)
- Computer Vision & Pattern Recognition (AREA)
- Strategic Management (AREA)
- Databases & Information Systems (AREA)
- Entrepreneurship & Innovation (AREA)
- General Business, Economics & Management (AREA)
- Marketing (AREA)
- Economics (AREA)
- Data Mining & Analysis (AREA)
- General Engineering & Computer Science (AREA)
- Game Theory and Decision Science (AREA)
- Image Analysis (AREA)
Abstract
本发明公开了一种基于背景图像的信息显示方法及装置、电子设备,涉及金融科技领域,其中,该信息显示方法包括:获取背景图像以及背景图像中包含文字区域的切割图像;计算切割图像的色值中位数;根据色值中位数,确定待显示的文字的初始颜色;结合初始颜色的亮度权重,确定在文字区域待显示的文字的目标颜色。本发明解决了相关技术中投放在平台上的广告,容易出现文字无法看清,导致设计好的图片无法使用的技术问题。
Description
技术领域
本发明涉及金融科技领域,具体而言,涉及一种基于背景图像的信息显示方法及装置、电子设备。
背景技术
在移动互联网时代,为提升产品曝光度,尽可能吸引客户流量,各个企业往往投入巨大成本在产品运营层面,通过持续不断的促销、宣传等营销活动提升营销业绩,目前主流的线上运营方式即为线上广告投放机制。
相关技术中,无论企业自身打造营销平台或是将广告通过广告平台进行内嵌输出,目前常常采用的营销方式为“图片+文字+链接”,即让客户在看到图片及悬浮在图片上方的营销文案,通过点击文案或图片,则打开指定的营销网页,客户在宣传页面上通过浏览产品介绍等信息,最终产生购买行为。因此,一个好的营销广告展现将大幅提升客户留存率,进而提升购买率。
为了投放广告,企业需投入较大成本在营销广告的图片上,一款设计精良的营销图片配合营销话术能快速吸引客户眼球。然而当前的广告投放存在很大的弊端:由于自身平台及外部平台限制,往往一张图片在投放到某平台时会出现下述情况:平台的投放内容为文字和图片,文字在平台端为固定样式,只提供文字内容即可,图片按照指定格式输出。在输出图片投放在平台后,会出现广告文字和背景图片均为白色或类似颜色,容易导致文字无法看清,因考虑字体无法显示清楚导致设计好的图片无法使用,这样客户即便看到广告图片也无法看清文字,导致体验大幅下降,客户第一时间将会认为该产品竞争力不佳,进而产生退缩。如考虑各平台的类似情况,企业在投放广告时就不得不深入研究各广告投放平台字体的颜色,从而不断调整营销图片样式以适配文字,造成营销成本瞬间扩大。
针对上述的问题,目前尚未提出有效的解决方案。
发明内容
本发明实施例提供了一种基于背景图像的信息显示方法及装置、电子设备,以至少解决相关技术中投放在平台上的广告,容易出现文字无法看清,导致设计好的图片无法使用的技术问题。
根据本发明实施例的一个方面,提供了一种基于背景图像的信息显示方法,包括:获取背景图像以及所述背景图像中包含文字区域的切割图像;计算所述切割图像的色值中位数;根据所述色值中位数,确定待显示的文字的初始颜色;结合所述初始颜色的亮度权重,确定在所述文字区域待显示的文字的目标颜色。
可选地,获取背景图像以及所述背景图像中包含文字区域的切割图像的步骤,包括:接收外部接口输入的背景图像以及原点指定操作,其中,所述原点指定操作用于确定所述文字区域的区域坐标起点;按照预先配置的区域绘制策略,以所述区域坐标起点为基准,在所述背景图像上绘制所述文字区域,其中,所述区域绘制策略用于确定在绘制区域时的区域走向、区域长度、区域宽度;基于预设剪切策略,对所述背景图像中包含所述文字区域范围的图像进行剪切,得到所述切割图像。
可选地,计算所述切割图像的色值中位数的步骤,包括:提取所述切割图像中所有像素的色值,得到像素色值;将所有所述像素色值分别放入预先建立的色值数组对应色值的位置上,其中,所述色值数组中每个位置表征一种色值;将所述色值数组中每个所述像素色值分别标记在三维空间坐标系中,得到色值立方体;采用中位切分算法对所述色值立方体进行切割,得到预设颜色数量的色值子立方体;计算所有所述色值子立方体的平均色值,得到所述切割图像的色值中位数。
可选地,提取所述切割图像中所有像素的色值,得到像素色值的步骤,包括:采用预先建立的调色板的API接口将所述切割图像转换为像素;从所述像素中提取不同的色值,得到所述像素色值。
可选地,将所述色值数组中每个所述像素色值分别标记在三维空间坐标系中,得到色值立方体的步骤,包括:对所述色值数组未出现的色值位置进行数据清洗,得到清洗后的所述色值数组;将颜色RGB值分别表征为所述三维空间坐标系的XYZ轴,构建所述三维空间坐标系;将所述色值数组中的每个所述像素色值按照RGB取值,分别标记在所述三维空间坐标系中,形成所述色值立方体。
可选地,采用中位切分算法对所述色值立方体进行切割,得到预设颜色数量的色值子立方体的步骤,包括:获取所述色值立方体中所有所述像素色值中的RGB数值,并确定所述RGB数值中的最大数值;按照所述RGB数值中的最大数值表征的立方体边,采用中位切分算法对所述色值立方体执行切割操作,得到包含相同像素数的两个子立方体;重复执行所述切割操作,直到切割所得的色值子立方体的数量等于所述预设颜色数量。
可选地,在采用中位切分算法对所述色值立方体执行切割操作,得到包含相同像素数的两个子立方体之后,还包括:获取每个所述色值子立方体中所包含的色值散点数量;按照所述色值散点数量,对所有所述色值立方体进行排序,得到排序结果;按照所述排序结果指示的顺序,执行采用中位切分算法分别对所述色值立方体执行切割操作的步骤。
可选地,结合所述初始颜色的亮度权重,确定在所述文字区域待显示的文字的目标颜色的步骤,包括:基于预设亮度匹配机制和所述初始颜色,分析在所述文字区域的区域亮度集合;综合所述区域亮度集合中的所有颜色亮度的亮度权重,确定在所述文字区域的图像亮度;根据所述图像亮度,确定在所述文字区域待显示的文字的目标颜色。
根据本发明实施例的另一方面,还提供了一种基于背景图像的信息显示装置,包括:获取单元,用于获取背景图像以及所述背景图像中包含文字区域的切割图像;计算单元,用于计算所述切割图像的色值中位数;第一确定单元,用于根据所述色值中位数,确定待显示的文字的初始颜色;第二确定单元,用于结合所述初始颜色的亮度权重,确定在所述文字区域待显示的文字的目标颜色。
可选地,所述获取单元包括:第一接收模块,用于接收外部接口输入的背景图像以及原点指定操作,其中,所述原点指定操作用于确定所述文字区域的区域坐标起点;第一绘制模块,用于按照预先配置的区域绘制策略,以所述区域坐标起点为基准,在所述背景图像上绘制所述文字区域,其中,所述区域绘制策略用于确定在绘制区域时的区域走向、区域长度、区域宽度;第一剪切模块,用于基于预设剪切策略,对所述背景图像中包含所述文字区域范围的图像进行剪切,得到所述切割图像。
可选地,所述计算单元包括:第一提取模块,用于提取所述切割图像中所有像素的色值,得到像素色值;第一放入模块,用于将所有所述像素色值分别放入预先建立的色值数组对应色值的位置上,其中,所述色值数组中每个位置表征一种色值;第一标记模块,用于将所述色值数组中每个所述像素色值分别标记在三维空间坐标系中,得到色值立方体;第一切割模块,用于采用中位切分算法对所述色值立方体进行切割,得到预设颜色数量的色值子立方体;第一计算模块,用于计算所有所述色值子立方体的平均色值,得到所述切割图像的色值中位数。
可选地,所述第一提取模块包括:第一转换子模块,用于采用预先建立的调色板的API接口将所述切割图像转换为像素;第一提取子模块,用于从所述像素中提取不同的色值,得到所述像素色值。
可选地,所述第一标记模块包括:清洗子模块,用于对所述色值数组未出现的色值位置进行数据清洗,得到清洗后的所述色值数组;构建子模块,用于将颜色RGB值分别表征为所述三维空间坐标系的XYZ轴,构建所述三维空间坐标系;标记子模块,用于将所述色值数组中的每个所述像素色值按照RGB取值,分别标记在所述三维空间坐标系中,形成所述色值立方体。
可选地,第一切割模块包括:第一获取子模块,用于获取所述色值立方体中所有所述像素色值中的RGB数值,并确定所述RGB数值中的最大数值;切割子模块,用于按照所述RGB数值中的最大数值表征的立方体边,采用中位切分算法对所述色值立方体执行切割操作,得到包含相同像素数的两个子立方体;重复子模块,用于重复执行所述切割操作,直到切割所得的色值子立方体的数量等于所述预设颜色数量。
可选地,基于背景图像的信息显示装置还包括:获取模块,用于在采用中位切分算法对所述色值立方体执行切割操作,得到包含相同像素数的两个子立方体之后,获取每个所述色值子立方体中所包含的色值散点数量;排序模块,用于按照所述色值散点数量,对所有所述色值立方体进行排序,得到排序结果;执行模块,用于按照所述排序结果指示的顺序,执行采用中位切分算法分别对所述色值立方体执行切割操作的步骤。
可选地,所述第二确定单元包括:分析模块,用于基于预设亮度匹配机制和所述初始颜色,分析在所述文字区域的区域亮度集合;第一确定模块,用于综合所述区域亮度集合中的所有颜色亮度的亮度权重,确定在所述文字区域的图像亮度;第二确定模块,用于根据所述图像亮度,确定在所述文字区域待显示的文字的目标颜色。
根据本发明实施例的另一方面,还提供了一种电子设备,包括一个或多个处理器和存储器,所述存储器用于存储一个或多个程序,其中,当所述一个或多个程序被所述一个或多个处理器执行时,使得所述一个或多个处理器实现上述任意一项所述的基于背景图像的信息显示方法。
本发明提供了一种可适配自定义背景图像的前置文字显示方案,解决作为运营平台,前端字体在背景图上无法清晰显示的问题。
本发明中,采用获取背景图像以及背景图像中包含文字区域的切割图像,然后计算切割图像的色值中位数,根据色值中位数,确定待显示的文字的初始颜色,结合初始颜色的亮度权重,确定在文字区域待显示的文字的目标颜色。在该实施例中,可以动态获取字体背后背景图颜色,然后动态调整字体显示颜色,将前端字体在背景图上进行清晰显示,这样可以使得运营人员在维护背景图片时充分发挥运营能力,配置符合营销宣传需要的背景图片,无需因考虑字体无法显示清楚导致设计好的图片无法使用,从而解决相关技术中投放在平台上的广告,容易出现文字无法看清,导致设计好的图片无法使用的技术问题。
附图说明
此处所说明的附图用来提供对本发明的进一步理解,构成本申请的一部分,本发明的示意性实施例及其说明用于解释本发明,并不构成对本发明的不当限定。在附图中:
图1是根据本发明实施例的一种可选的基于背景图像的信息显示方法的流程图;
图2是根据本发明实施例的一种可选的获取文字区域的文字颜色的示意图;
图3是根据本发明实施例的一种可选的基于背景图像的信息显示装置的示意图;
图4是根据本发明实施例的一种基于背景图像的信息显示方法的电子设备(或移动设备)的硬件结构框图。
具体实施方式
为了使本技术领域的人员更好地理解本发明方案,下面将结合本发明实施例中的附图,对本发明实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本发明一部分的实施例,而不是全部的实施例。基于本发明中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例,都应当属于本发明保护的范围。
需要说明的是,本发明的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象,而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换,以便这里描述的本发明的实施例能够以除了在这里图示或描述的那些以外的顺序实施。此外,术语“包括”和“具有”以及他们的任何变形,意图在于覆盖不排他的包含,例如,包含了一系列步骤或单元的过程、方法、系统、产品或设备不必限于清楚地列出的那些步骤或单元,而是可包括没有清楚地列出的或对于这些过程、方法、产品或设备固有的其它步骤或单元。
需要说明的是,本公开中的基于背景图像的信息显示方法及其装置可用于金融科技领域在进行背景图像确认合适显示字体的情况下,也可用于除金融科技领域之外的任意领域在进行背景图像确认合适显示字体的情况下,本公开中对基于背景图像的信息显示方法及其装置的应用领域不做限定。
需要说明的是,本公开所涉及的相关信息(包括但不限于用户设备信息、用户个人信息等)和数据(包括但不限于用于展示的数据、分析的数据等),均为经用户授权或者经过各方充分授权的信息和数据。例如,本系统和相关用户或机构间设置有接口,在获取相关信息之前,需要通过接口向前述的用户或机构发送获取请求,并在接收到前述的用户或机构反馈的同意信息后,获取相关信息。
本发明下述各实施例可应用于各种图像文字显示场景,例如,广告投放中确认需要在背景图像上待显示的文字颜色、PPT、指示牌文字显示、电子终端屏幕背景图文字显示、移动终端的锁屏图像或者系统背景图像文字显示等等。
企业运营成本的增大往往直接影响企业的盈利水平,本申请中,可以通过工具或算法,大幅降低运营成本,避免一张图片因适配问题反复修改,将释放大量美工设计师资源,进而将其精力投入在其他营销任务上,提升企业营销业绩。
本申请中以广告投放过程的背景图像文字显示为示例进行说明。通过自动调整背景色的动态字体颜色,企业无论投放任何图片,字体均可以在图片上方清晰显示,则可大幅减少企业的运营成本,提升工作效率,进而提升广告效果和业绩,提升客户粘度。
下面结合各个实施例来详细说明本发明。
实施例一
根据本发明实施例,提供了一种基于背景图像的信息显示方法实施例,需要说明的是,在附图的流程图示出的步骤可以在诸如一组计算机可执行指令的计算机系统中执行,并且,虽然在流程图中示出了逻辑顺序,但是在某些情况下,可以以不同于此处的顺序执行所示出或描述的步骤。
图1是根据本发明实施例的一种可选的基于背景图像的信息显示方法的流程图,如图1所示,该方法包括如下步骤:
步骤S101,获取背景图像以及背景图像中包含文字区域的切割图像;
步骤S102,计算切割图像的色值中位数;
步骤S103,根据色值中位数,确定待显示的文字的初始颜色;
步骤S104,结合初始颜色的亮度权重,确定在文字区域待显示的文字的目标颜色。
通过上述步骤,可以先获取背景图像以及背景图像中包含文字区域的切割图像,然后计算切割图像的色值中位数,根据色值中位数,确定待显示的文字的初始颜色,结合初始颜色的亮度权重,确定在文字区域待显示的文字的目标颜色。在该实施例中,可以动态获取字体背后背景图颜色,然后动态调整字体显示颜色,将前端字体在背景图上进行清晰显示,这样可以使得运营人员在维护背景图片时充分发挥运营能力,配置符合营销宣传需要的背景图片,无需因考虑字体无法显示清楚导致设计好的图片无法使用,从而解决相关技术中投放在平台上的广告,容易出现文字无法看清,导致设计好的图片无法使用的技术问题。
下面结合上述各实施步骤来详细说明。
步骤S101,获取背景图像以及背景图像中包含文字区域的切割图像。
其中,背景图像可以是任意一个使用场景下的输入图像,例如,对于广告投放场景,其待投放的广告图即为背景图像,对于PPT,其中每一页待放入的图像为背景图像;该背景图像的类型包括但不限于:RGB图像、黑白图像、灰度图像等。
背景图像是相对于待显示在图像上的文字说明的图像,由于图像上各个位置的颜色、像素都可能不一样,因此,需要先确定待显示文字的文字区域,然后根据该区域的背景颜色,调整待显示的文字颜色。本实施例中可以以image表示该背景图原图。
需要说明的是,本实施例对于输入的背景图像,需要分析图像大小,由于输入的图像像素尺寸和图像大小有很多可能,因此,需要判断背景图像的大小,是否需要对背景图像进行预处理,该预处理包括:对于尺寸大于预设尺寸的图像,进行压缩处理;对于模糊图像、涂改图像,需要进行过滤、清洗处理;其中,在压缩处理时,压缩规则为图片尺寸不变,精度可适当丢弃。
可选的,获取背景图像以及背景图像中包含文字区域的切割图像的步骤,包括:接收外部接口输入的背景图像以及原点指定操作,其中,原点指定操作用于确定文字区域的区域坐标起点;按照预先配置的区域绘制策略,以区域坐标起点为基准,在背景图像上绘制文字区域,其中,区域绘制策略用于确定在绘制区域时的区域走向、区域长度、区域宽度;基于预设剪切策略,对背景图像中包含文字区域范围的图像进行剪切,得到切割图像。
在通过外部设备/外部接口输入背景图像后,会确定该图像的文字区域坐标起点。通过输入背景图像和文字所在图像中的空间位置,确定文字区域底部的所在图像,得到切割图像,其中,在获取图像中文字区域的空间大小时,需要获取文字相对背景图的位置坐标(定位起始点坐标x、y)和长度(以length表示)、宽度(以width表示),以及背景图原图image。
需要说明的是,本实施例中在确定文字区域的位置坐标时,可以根据背景图像的原始点位来获取,例如,按照客户端原点计算规则,背景图像的左上方为x=0;y=0,通过x、y的值如x=m,y=n,可以确定文字区域在图像中的坐标(m,n)为文字区域坐标起点。然后以(m,n)为起点,按客户端原点计算规则,文字区域的左上角为区域坐标起点,按方法输入项如length=l和width=w,绘制一个长度为l,宽度为w的矩形,该矩形在原始背景图中的起点坐标为(m,n),区域长度和区域宽度分别为l和w。
按照客户端系统提供的预设剪切策略,可按照上述步骤得出的文字区域范围将该区域在原始背景图像上切出,得到切割图像。
在得到切割图像后,就可以计算该文字区域所属的切割图像的色值中位数,从而确定赋予文字的颜色。即通过切割图像,计算得出该图像区域的色值中位数,并根据色值中位数判断待显示字体的颜色,调用方可以通过此方式获得算法建议的字体色值建议,并将其直接赋值给将要显示的文字格式中即可。
步骤S102,计算切割图像的色值中位数。
可选的,计算切割图像的色值中位数的步骤,包括:提取切割图像中所有像素的色值,得到像素色值;将所有像素色值分别放入预先建立的色值数组对应色值的位置上,其中,色值数组中每个位置表征一种色值;将色值数组中每个像素色值分别标记在三维空间坐标系中,得到色值立方体;采用中位切分算法对色值立方体进行切割,得到预设颜色数量的色值子立方体;计算所有色值子立方体的平均色值,得到切割图像的色值中位数。
在实施过程中,会首先通过计算机建立一个色值数组,该色值数组可以为一维数组或者二维数字,本实施例中以一维数组进行示意说明,此时,每一位置代表每一种色值,常规RGB图像会有0-255个色值,共256个,同时,在一维数组上的每个位置上出现的数值,是代表该色值指示的颜色在输入的切割图像中出现的总次数。
一种可选的,提取切割图像中所有像素的色值,得到像素色值的步骤,包括:采用预先建立的调色板的API接口将切割图像转换为像素;从像素中提取不同的色值,得到像素色值。
本实施例中,会通过调色板API将输入的图像转换为像素,并从像素中提取不同的色值放入预先建立的色值数组对应色值的位置上,然后依次进行计数,所有像素遍历结束后,预先建立的色值数组内就存放了所有输入进来的图片中的色值。
可选的,将色值数组中每个像素色值分别标记在三维空间坐标系中,得到色值立方体的步骤,包括:对色值数组未出现的色值位置进行数据清洗,得到清洗后的色值数组;将颜色RGB值分别表征为三维空间坐标系的XYZ轴,构建三维空间坐标系;将色值数组中的每个像素色值按照RGB取值,分别标记在三维空间坐标系中,形成色值立方体。
由于输入的切割图像中不可能所有的色值都会出现,所以需要先对没有出现过的色值进行数据清洗,得到最终的色值数组。在得到色值数组后,会将清洗后的数组中的色值按照RGB值作为xyz坐标,标记在空间坐标系中,形成立方体。
在将色值标记在空间坐标系的过程中,是按照RGB值表征的XYZ轴坐标,分别将色值标记在空间中,形成一个色值立方体,该立方体的边界是以所有色值中出现的最大R值、最大G值、最大B值为边的,在立方体中,各个色值如空间坐标点一样,分别以立体坐标结构进行显示,这样方便后续切割。
可选的,采用中位切分算法对色值立方体进行切割,得到预设颜色数量的色值子立方体的步骤,包括:获取色值立方体中所有像素色值中的RGB数值,并确定RGB数值中的最大数值;按照RGB数值中的最大数值表征的立方体边,采用中位切分算法对色值立方体执行切割操作,得到包含相同像素数的两个子立方体;重复执行切割操作,直到切割所得的色值子立方体的数量等于预设颜色数量。
用中位切分算法对所得立方体进行切割,可以是指将RGB中最长的一边从颜色统计的中位数一切为二(最长指的是颜色分布范围),得到两个长方体所包含的像素数相同。例如,有三个色值点分别为A:(100,0,0);B:(0,150,0);C:(0,0,200);此时这三个色值所表示的空间点中,可以看到其RGB最长的一边以C色值点的B值最大200,因此,此时按照该B值所在的立方体边进行切割,将B值所在的立方体从100处切割,分别切割为两个B值段表示的立方体0-100和101-200。
继续重复上述步骤,直到最终切割所得的立方体数量等于所需的颜色数量即可,最后将每个立方体的色值做平均得到主色之后保存。
本实施例中,在采用中位切分算法对色值立方体执行切割操作,得到包含相同像素数的两个子立方体之后,还包括:获取每个色值子立方体中所包含的色值散点数量;按照色值散点数量,对所有色值立方体进行排序,得到排序结果;按照排序结果指示的顺序,执行采用中位切分算法分别对色值立方体执行切割操作的步骤。
在切割时,由于随着不断切割,被切割出的立方体会越来越多,此时,需要按照待切割的立方体做一个排序,其中单位体积内包含的像素点(散点越多)越多的越优先进行切割,以提高切割效率。
在采用中位切分算法对色值立方体进行切割,得到预设颜色数量的色值子立方体后,可以计算所有色值子立方体的平均色值,得到切割图像的色值中位数。
步骤S103,根据色值中位数,确定待显示的文字的初始颜色。
通过该色值中位数指示的颜色表征当前切割图像在该区域内的各种颜色,由于一个切割图像内所包含的图像颜色可能不只一个,因此,需要综合所有的图像颜色,确定适配的初始颜色,例如,在一个背景图像的文字区域部分的色值中位数指示的颜色包括:粉色、黑色、红色、白色、青色,此时需要对文字区域部分进行再切割处理,确定文字子区域的主体颜色,然后综合这些文字子区域的主体颜色,看看切割图像是以哪种颜色为主体,例如,切割图像包括6个部分,主体颜色分别为:黑色、黑色、粉色、黑色、白色、黑色,则确定该文字区域的主体颜色为黑色,确定文字初始颜色为反色的白色。
步骤S104,结合初始颜色的亮度权重,确定在文字区域待显示的文字的目标颜色。
可选的,结合初始颜色的亮度权重,确定在文字区域待显示的文字的目标颜色的步骤,包括:基于预设亮度匹配机制和初始颜色,分析在文字区域的区域亮度集合;综合区域亮度集合中的所有颜色亮度的亮度权重,确定在文字区域的图像亮度;根据图像亮度,确定在文字区域待显示的文字的目标颜色。
在得到初始颜色后,可以通过亮度匹配机制,调整待显示文字颜色,例如,亮度匹配机制提供了6种取样样本(target):明亮的、柔和的、明亮的暗色、明亮的亮色、柔和的暗色、柔和的亮色,内部各有一套筛选机制,然后对切割图像的各个子区域进行匹配,匹配到则返回对应色值,匹配不到返回null值。
图2是根据本发明实施例的一种可选的获取文字区域的文字颜色的示意图,如图2所示,在对背景图像进行颜色提取,确定文字区域的范围,然后分析该文字区域范围的各种色值中位数,结合各种颜色(包括:黑色、黑色、空、白色、黑色、黑色)亮度,可以确定该区域的主体颜色为黑色,此时,可确定待显示的文字的目标颜色为白色。
需要说明的是,上述提供的6种取样样本是一种示例说明,也可以是其他亮度匹配机制,本申请也可以自定义target规则做一些过滤处理。得到的几种颜色对明暗偏向做一个判断,最终得到输入图片中偏暗的颜色和偏亮的颜色的权重。根据权重设置图片上的文字颜色,例如暗色权重大,则设置文字为白色,反之则为黑色。
当然,最终设定的文字的目标颜色,是自定义的,常规设置为白色和黑色,例如,暗色权重大,则设置文字为白色,反之则为黑色,当然也可以根据各种方案自行进行文字颜色调整,例如,设置文字为粉色、红色、黄色等。
通过上述实施例,提供了一种新的根据背景图像颜色动态调整前端文字颜色的方案,使得无论背景图像如何调整,字体均可以在背景图上清晰显示。该方案如用于企业自身运营平台或广告投放栏目,可实现一次程序部署,后期运营人员上传任意背景图都不会导致字体与背景图因色值过于接近无法看清的问题,提升工作效率,且能够提升制作图像的显示效果,加大客户吸引度。
下面结合另一种可选的实施例来说明本申请。
实施例二
本实施例提供的一种基于背景图像的信息显示装置,包括多个实施单元,每个实施单元对应于上述实施例一中的各个实施步骤。
图3是根据本发明实施例的一种可选的基于背景图像的信息显示装置的示意图,如图3所示,该信息显示装置可以包括:获取单元31、计算单元32、第一确定单元33、第二确定单元34,其中,
获取单元31,用于获取背景图像以及背景图像中包含文字区域的切割图像;
计算单元32,用于计算切割图像的色值中位数;
第一确定单元33,用于根据色值中位数,确定待显示的文字的初始颜色;
第二确定单元34,用于结合初始颜色的亮度权重,确定在文字区域待显示的文字的目标颜色。
上述基于背景图像的信息显示装置,可以先通过获取单元31获取背景图像以及背景图像中包含文字区域的切割图像,然后通过计算单元32计算切割图像的色值中位数,通过第一确定单元33根据色值中位数,确定待显示的文字的初始颜色,通过第二确定单元34结合初始颜色的亮度权重,确定在文字区域待显示的文字的目标颜色。在该实施例中,可以动态获取字体背后背景图颜色,然后动态调整字体显示颜色,将前端字体在背景图上进行清晰显示,这样可以使得运营人员在维护背景图片时充分发挥运营能力,配置符合营销宣传需要的背景图片,无需因考虑字体无法显示清楚导致设计好的图片无法使用,从而解决相关技术中投放在平台上的广告,容易出现文字无法看清,导致设计好的图片无法使用的技术问题。
可选的,获取单元包括:第一接收模块,用于接收外部接口输入的背景图像以及原点指定操作,其中,原点指定操作用于确定文字区域的区域坐标起点;第一绘制模块,用于按照预先配置的区域绘制策略,以区域坐标起点为基准,在背景图像上绘制文字区域,其中,区域绘制策略用于确定在绘制区域时的区域走向、区域长度、区域宽度;第一剪切模块,用于基于预设剪切策略,对背景图像中包含文字区域范围的图像进行剪切,得到切割图像。
可选的,计算单元包括:第一提取模块,用于提取切割图像中所有像素的色值,得到像素色值;第一放入模块,用于将所有像素色值分别放入预先建立的色值数组对应色值的位置上,其中,色值数组中每个位置表征一种色值;第一标记模块,用于将色值数组中每个像素色值分别标记在三维空间坐标系中,得到色值立方体;第一切割模块,用于采用中位切分算法对色值立方体进行切割,得到预设颜色数量的色值子立方体;第一计算模块,用于计算所有色值子立方体的平均色值,得到切割图像的色值中位数。
可选的,第一提取模块包括:第一转换子模块,用于采用预先建立的调色板的API接口将切割图像转换为像素;第一提取子模块,用于从像素中提取不同的色值,得到像素色值。
可选的,第一标记模块包括:清洗子模块,用于对色值数组未出现的色值位置进行数据清洗,得到清洗后的色值数组;构建子模块,用于将颜色RGB值分别表征为三维空间坐标系的XYZ轴,构建三维空间坐标系;标记子模块,用于将色值数组中的每个像素色值按照RGB取值,分别标记在三维空间坐标系中,形成色值立方体。
可选的,第一切割模块包括:第一获取子模块,用于获取色值立方体中所有像素色值中的RGB数值,并确定RGB数值中的最大数值;切割子模块,用于按照RGB数值中的最大数值表征的立方体边,采用中位切分算法对色值立方体执行切割操作,得到包含相同像素数的两个子立方体;重复子模块,用于重复执行切割操作,直到切割所得的色值子立方体的数量等于预设颜色数量。
可选的,基于背景图像的信息显示装置还包括:获取模块,用于在采用中位切分算法对色值立方体执行切割操作,得到包含相同像素数的两个子立方体之后,获取每个色值子立方体中所包含的色值散点数量;排序模块,用于按照色值散点数量,对所有色值立方体进行排序,得到排序结果;执行模块,用于按照排序结果指示的顺序,执行采用中位切分算法分别对色值立方体执行切割操作的步骤。
可选的,第二确定单元包括:分析模块,用于基于预设亮度匹配机制和初始颜色,分析在文字区域的区域亮度集合;第一确定模块,用于综合区域亮度集合中的所有颜色亮度的亮度权重,确定在文字区域的图像亮度;第二确定模块,用于根据图像亮度,确定在文字区域待显示的文字的目标颜色。
上述的基于背景图像的信息显示装置还可以包括处理器和存储器,上述获取单元31、计算单元32、第一确定单元33、第二确定单元34等均作为程序单元存储在存储器中,由处理器执行存储在存储器中的上述程序单元来实现相应的功能。
上述处理器中包含内核,由内核去存储器中调取相应的程序单元。内核可以设置一个或以上,通过调整内核参数来结合初始颜色的亮度权重,确定在文字区域待显示的文字的目标颜色。
上述存储器可能包括计算机可读介质中的非永久性存储器,随机存取存储器(RAM)和/或非易失性内存等形式,如只读存储器(ROM)或闪存(flash RAM),存储器包括至少一个存储芯片。
根据本发明实施例的另一方面,还提供了一种计算机可读存储介质,计算机可读存储介质用于存储的计算机程序,其中,在计算机程序运行时控制计算机可读存储介质所在设备执行上述任意一项的基于背景图像的信息显示方法。
根据本发明实施例的另一方面,还提供了一种电子设备,包括一个或多个处理器和存储器,存储器用于存储一个或多个程序,其中,当一个或多个程序被一个或多个处理器执行时,使得一个或多个处理器实现上述任意一项的基于背景图像的信息显示方法。
本申请还提供了一种计算机程序产品,当在数据处理设备上执行时,适于执行初始化有如下方法步骤的程序:获取背景图像以及背景图像中包含文字区域的切割图像;计算切割图像的色值中位数;根据色值中位数,确定待显示的文字的初始颜色;结合初始颜色的亮度权重,确定在文字区域待显示的文字的目标颜色。
图4是根据本发明实施例的一种基于背景图像的信息显示方法的电子设备(或移动设备)的硬件结构框图。如图4所示,电子设备可以包括一个或多个(图中采用402a、402b,……,402n来示出)处理器402(处理器402可以包括但不限于微处理器MCU或可编程逻辑器件FPGA等的处理装置)、用于存储数据的存储器404。除此以外,还可以包括:显示器、输入/输出接口(I/O接口)、通用串行总线(USB)端口(可以作为I/O接口的端口中的一个端口被包括)、网络接口、键盘、电源和/或相机。本领域普通技术人员可以理解,图4所示的结构仅为示意,其并不对上述电子装置的结构造成限定。例如,电子设备还可包括比图4中所示更多或者更少的组件,或者具有与图4所示不同的配置。上述本发明实施例序号仅仅为了描述,不代表实施例的优劣。
上述本发明实施例序号仅仅为了描述,不代表实施例的优劣。
在本发明的上述实施例中,对各个实施例的描述都各有侧重,某个实施例中没有详述的部分,可以参见其他实施例的相关描述。
在本申请所提供的几个实施例中,应该理解到,所揭露的技术内容,可通过其它的方式实现。其中,以上所描述的装置实施例仅仅是示意性的,例如所述单元的划分,可以为一种逻辑功能划分,实际实现时可以有另外的划分方式,例如多个单元或组件可以结合或者可以集成到另一个系统,或一些特征可以忽略,或不执行。另一点,所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些接口,单元或模块的间接耦合或通信连接,可以是电性或其它的形式。
所述作为分离部件说明的单元可以是或者也可以不是物理上分开的,作为单元显示的部件可以是或者也可以不是物理单元,即可以位于一个地方,或者也可以分布到多个单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。
另外,在本发明各个实施例中的各功能单元可以集成在一个处理单元中,也可以是各个单元单独物理存在,也可以两个或两个以上单元集成在一个单元中。上述集成的单元既可以采用硬件的形式实现,也可以采用软件功能单元的形式实现。
所述集成的单元如果以软件功能单元的形式实现并作为独立的产品销售或使用时,可以存储在一个计算机可读取存储介质中。基于这样的理解,本发明的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的全部或部分可以以软件产品的形式体现出来,该计算机软件产品存储在一个存储介质中,包括若干指令用以使得一台计算机设备(可为个人计算机、服务器或者网络设备等)执行本发明各个实施例所述方法的全部或部分步骤。而前述的存储介质包括:U盘、只读存储器(ROM,Read-Only Memory)、随机存取存储器(RAM,Random Access Memory)、移动硬盘、磁碟或者光盘等各种可以存储程序代码的介质。
以上所述仅是本发明的优选实施方式,应当指出,对于本技术领域的普通技术人员来说,在不脱离本发明原理的前提下,还可以做出若干改进和润饰,这些改进和润饰也应视为本发明的保护范围。
Claims (10)
1.一种基于背景图像的信息显示方法,其特征在于,包括:
获取背景图像以及所述背景图像中包含文字区域的切割图像;
计算所述切割图像的色值中位数;
根据所述色值中位数,确定待显示的文字的初始颜色;
结合所述初始颜色的亮度权重,确定在所述文字区域待显示的文字的目标颜色。
2.根据权利要求1所述的信息显示方法,其特征在于,获取背景图像以及所述背景图像中包含文字区域的切割图像的步骤,包括:
接收外部接口输入的背景图像以及原点指定操作,其中,所述原点指定操作用于确定所述文字区域的区域坐标起点;
按照预先配置的区域绘制策略,以所述区域坐标起点为基准,在所述背景图像上绘制所述文字区域,其中,所述区域绘制策略用于确定在绘制区域时的区域走向、区域长度、区域宽度;
基于预设剪切策略,对所述背景图像中包含所述文字区域范围的图像进行剪切,得到所述切割图像。
3.根据权利要求1所述的信息显示方法,其特征在于,计算所述切割图像的色值中位数的步骤,包括:
提取所述切割图像中所有像素的色值,得到像素色值;
将所有所述像素色值分别放入预先建立的色值数组对应色值的位置上,其中,所述色值数组中每个位置表征一种色值;
将所述色值数组中每个所述像素色值分别标记在三维空间坐标系中,得到色值立方体;
采用中位切分算法对所述色值立方体进行切割,得到预设颜色数量的色值子立方体;
计算所有所述色值子立方体的平均色值,得到所述切割图像的色值中位数。
4.根据权利要求3所述的信息显示方法,其特征在于,提取所述切割图像中所有像素的色值,得到像素色值的步骤,包括:
采用预先建立的调色板的API接口将所述切割图像转换为像素;
从所述像素中提取不同的色值,得到所述像素色值。
5.根据权利要求3所述的信息显示方法,其特征在于,将所述色值数组中每个所述像素色值分别标记在三维空间坐标系中,得到色值立方体的步骤,包括:
对所述色值数组未出现的色值位置进行数据清洗,得到清洗后的所述色值数组;
将颜色RGB值分别表征为所述三维空间坐标系的XYZ轴,构建所述三维空间坐标系;
将所述色值数组中的每个所述像素色值按照RGB取值,分别标记在所述三维空间坐标系中,形成所述色值立方体。
6.根据权利要求3所述的信息显示方法,其特征在于,采用中位切分算法对所述色值立方体进行切割,得到预设颜色数量的色值子立方体的步骤,包括:
获取所述色值立方体中所有所述像素色值中的RGB数值,并确定所述RGB数值中的最大数值;
按照所述RGB数值中的最大数值表征的立方体边,采用中位切分算法对所述色值立方体执行切割操作,得到包含相同像素数的两个子立方体;
重复执行所述切割操作,直到切割所得的色值子立方体的数量等于所述预设颜色数量。
7.根据权利要求6所述的信息显示方法,其特征在于,在采用中位切分算法对所述色值立方体执行切割操作,得到包含相同像素数的两个子立方体之后,还包括:
获取每个所述色值子立方体中所包含的色值散点数量;
按照所述色值散点数量,对所有所述色值立方体进行排序,得到排序结果;
按照所述排序结果指示的顺序,执行采用中位切分算法分别对所述色值立方体执行切割操作的步骤。
8.根据权利要求1所述的信息显示方法,其特征在于,结合所述初始颜色的亮度权重,确定在所述文字区域待显示的文字的目标颜色的步骤,包括:
基于预设亮度匹配机制和所述初始颜色,分析在所述文字区域的区域亮度集合;
综合所述区域亮度集合中的所有颜色亮度的亮度权重,确定在所述文字区域的图像亮度;
根据所述图像亮度,确定在所述文字区域待显示的文字的目标颜色。
9.一种基于背景图像的信息显示装置,其特征在于,包括:
获取单元,用于获取背景图像以及所述背景图像中包含文字区域的切割图像;
计算单元,用于计算所述切割图像的色值中位数;
第一确定单元,用于根据所述色值中位数,确定待显示的文字的初始颜色;
第二确定单元,用于结合所述初始颜色的亮度权重,确定在所述文字区域待显示的文字的目标颜色。
10.一种电子设备,其特征在于,包括一个或多个处理器和存储器,所述存储器用于存储一个或多个程序,其中,当所述一个或多个程序被所述一个或多个处理器执行时,使得所述一个或多个处理器实现权利要求1至8中任意一项所述的基于背景图像的信息显示方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202210847392.XA CN115168762A (zh) | 2022-07-19 | 2022-07-19 | 基于背景图像的信息显示方法及装置、电子设备 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202210847392.XA CN115168762A (zh) | 2022-07-19 | 2022-07-19 | 基于背景图像的信息显示方法及装置、电子设备 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN115168762A true CN115168762A (zh) | 2022-10-11 |
Family
ID=83495603
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202210847392.XA Pending CN115168762A (zh) | 2022-07-19 | 2022-07-19 | 基于背景图像的信息显示方法及装置、电子设备 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN115168762A (zh) |
-
2022
- 2022-07-19 CN CN202210847392.XA patent/CN115168762A/zh active Pending
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US10049308B1 (en) | Synthesizing training data | |
US5469536A (en) | Image editing system including masking capability | |
CN100420266C (zh) | 图像处理装置、图像处理方法 | |
US7873909B2 (en) | Manipulation and merging of graphic images | |
US10067646B2 (en) | Color selector for desktop publishing | |
US7653246B2 (en) | System and method for making a correction to a plurality of images | |
WO2021078036A1 (zh) | 图像处理方法及装置 | |
JP2005202469A (ja) | 画像処理装置、画像処理方法、およびプログラム | |
JP2004537901A (ja) | 1つまたは複数の画像の自動フレーム選択およびレイアウトならびにフレームによって境界付けされた画像の生成 | |
CN110084871B (zh) | 图像排版方法及装置、电子终端 | |
Lai et al. | Computational models and experimental investigations of effects of balance and symmetry on the aesthetics of text-overlaid images | |
CN105787874B (zh) | 一种对截图进行马赛克处理的方法和装置 | |
EP1431921A2 (en) | Image layout processing apparatus, method, and program | |
CN114564131B (zh) | 一种内容发布方法、装置、计算机设备及存储介质 | |
US7230628B1 (en) | Previewing a framed image print | |
CN114845158A (zh) | 视频封面的生成方法、视频发布方法及相关设备 | |
CN106662968A (zh) | 用于渲染用户界面元素的计算机化系统和方法 | |
CN112218006B (zh) | 一种多媒体数据处理方法、装置、电子设备及存储介质 | |
CN115168762A (zh) | 基于背景图像的信息显示方法及装置、电子设备 | |
CA2651539C (en) | Method and apparatus for hair colour simulation | |
CN109254712B (zh) | 信息处理方法及电子设备 | |
CN112927321A (zh) | 基于神经网络的图像智能设计方法、装置、设备及存储介质 | |
CN111931008A (zh) | 一种视觉传达设计信息管理系统 | |
JP4507673B2 (ja) | 画像処理装置、画像処理方法、およびプログラム | |
US11928757B2 (en) | Partially texturizing color images for color accessibility |
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 |