CN110825989A - 图片展示方法、装置、电子设备及可读介质 - Google Patents
图片展示方法、装置、电子设备及可读介质 Download PDFInfo
- Publication number
- CN110825989A CN110825989A CN201810813973.5A CN201810813973A CN110825989A CN 110825989 A CN110825989 A CN 110825989A CN 201810813973 A CN201810813973 A CN 201810813973A CN 110825989 A CN110825989 A CN 110825989A
- Authority
- CN
- China
- Prior art keywords
- displayed
- picture
- horizontal lines
- base
- longitudinal axes
- 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
- 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/06—Buying, selling or leasing transactions
- G06Q30/0601—Electronic shopping [e-shopping]
- G06Q30/0641—Shopping interfaces
Landscapes
- Business, Economics & Management (AREA)
- Accounting & Taxation (AREA)
- Finance (AREA)
- Development Economics (AREA)
- Economics (AREA)
- Marketing (AREA)
- Strategic Management (AREA)
- Physics & Mathematics (AREA)
- General Business, Economics & Management (AREA)
- General Physics & Mathematics (AREA)
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本申请提供一种图片展示的方法、装置、电子设备及可读介质,该方法包括:获取目标图片与待展示底图;遍历所述待展示底图的像素,以根据所述像素确定所述待展示底图上的待展示区域;根据所述待展示区域对所述目标图片进行尺寸处理;将尺寸处理之后的目标图片在所述待展示底图上展示。本申请的图片展示的方法、装置、电子设备及可读介质,能够自动获取底图内的展示区域位置,并对目标图片进行缩放,使其尺寸适配于底图的展示区域。
Description
技术领域
本申请涉及互联网技术领域,尤其涉及一种图片展示方法、装置、电子设备及计算机可读介质。
背景技术
随着互联网技术的智能化发展,在网页设计中,对于商品图在底图上展示是方法也日趋要求智能化实现。尤其当底图中展示区域位置没有明确说明时,待展示的商品图在底图中的展示方法尚有待改进。现有的实现方式中可分为如下两种:固定底图的展示区域,选择与底图内展示区域的尺寸相同的商品图进行展示;或是直接将商品图全屏展示,如果制作的商品图大于底图则会直接覆盖底图。上述两种方法存在如下技术缺陷:
(1)限定了底图内展示区域的位置。
(2)不能自动缩放商品图尺寸以适应底图展示区域大小。
发明内容
有鉴于此,本申请提供一种图片展示方法、装置、电子设备及计算机可读介质,可以自动获取底图内的展示区域位置,并对目标图片进行缩放,使其尺寸适配于底图的展示区域。
本申请的其他特性和优点将通过下面的详细描述变得显然,或部分地通过本申请的实践而习得。
根据本申请实施例的第一方面,提出一种图片展示方法,该方法包括:获取目标图片与待展示底图;遍历所述待展示底图的像素,以根据所述像素确定所述待展示底图上的待展示区域;根据所述待展示区域对所述目标图片进行尺寸处理;将尺寸处理之后的目标图片在所述待展示底图上展示。
在本申请的一种示例性实施例中,获取目标图片与待展示底图包括:根据所述目标图片与所述待展示底图的路径获取所述目标图片与所述待展示底图,所述路径为HTML路径。
在本申请的一种示例性实施例中,遍历所述待展示底图的像素,以根据所述像素确定所述待展示底图上的待展示区域包括:获取所述待展示底图的像素点;将所述像素点通过三原色色彩空间整合为像素数组;以及通过所述像素数组中每一个元素的颜色确定所述待展示底图上的待展示区域。
在本申请的一种示例性实施例中,通过所述像素数组中每一个元素的颜色确定所述待展示底图上的待展示区域包括:通过所述像素数组中每一个元素的颜色确定所述待展示底图上的多条水平线与多条纵轴线;由所述多条水平线与多条纵轴线确定两条水平线与两条纵轴线;以及根据两条水平线与两条纵轴线确定所述待展示区域。
在本申请的一种示例性实施例中,由所述多条水平线与纵轴线确定两条水平线与两条纵轴线包括:由所述多条水平线与多条纵轴线中剔除不满足长度阈值的水平线和/或纵轴线;由所述多条水平线与多条纵轴线中剔除不满足颜色要求的水平线和/或纵轴线;以及由所述多条水平线与多条纵轴线中剔除不满足长度范围的水平线和/或纵轴线。
在本申请的一种示例性实施例中,由所述多条水平线与纵轴线确定两条水平线与两条纵轴线还包括:通过顶点比较法确定两条水平线与两条纵轴线。
在本申请的一种示例性实施例中,还包括:在未能确定所述待展示区域时,将所述目标图片直接在所述待展示底图上展示。
根据本申请实施例的第二方面,提出一种图片展示装置,该装置包括:获取模块,用于获取目标图片与待展示底图;遍历模块,用于遍历所述待展示底图的像素,以根据所述像素确定所述待展示底图上的待展示区域;处理模块,用于根据所述待展示区域对所述目标图片进行尺寸处理;展示模块,用于将尺寸处理之后的目标图片在所述待展示底图上展示。
根据本申请实施例的第三方面,提出一种电子设备,该电子设备包括:一个或多个处理器;存储装置,用于存储一个或多个程序;当所述一个或多个程序被所述一个或多个处理器执行,使得所述一个或多个处理器实现上述任一项所述的图片展示方法。
根据本申请实施例的第四方面,提出一种计算机可读介质,其上存储有计算机程序,其特征在于,所述程序被处理器执行时实现如上述任一项所述的图片展示方法。
根据本申请的图片展示方法、装置、电子设备及计算机可读介质,能够自动地获取底图内的展示区域位置,并对目标图片进行缩放,使其尺寸适配于底图的展示区域。
应当理解的是,以上的一般描述和后文的细节描述仅是示例性的,并不能限制本公开。
附图说明
此处的附图被并入说明书中并构成本说明书的一部分,示出了符合本申请的实施例,并与说明书一起用于解释本申请的原理。下面描述的附图仅仅是本申请的一些实施例,对于本领域的普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。
图1是根据一示例性实施例示出的一种图片展示方法及装置的***框图。
图2是根据一示例性实施例示出的一种图片展示方法的流程图。
图3是根据一示例性实施例示出的一种图片展示方法的流程图。
图4是根据一示例性实施例示出的一种图片展示方法的流程图。
图5是根据一示例性实施例示出的一种图片展示方法的流程图。
图6是根据另一示例性实施例示出的一种图片展示方法的流程图。
图7是根据另一示例性实施例示出的一种图片展示方法的示例图。
图8是根据一示例性实施例示出的一种图片展示装置的框图。
图9是根据另一示例性实施例示出的一种用于图片展示的电子设备的框图。
具体实施方式
现在将参考附图更全面地描述示例实施例。然而,示例实施例能够以多种形式实施,且不应被理解为限于在此阐述的实施例;相反,提供这些实施例使得本发明将全面和完整,并将示例实施例的构思全面地传达给本领域的技术人员。在图中相同的附图标记表示相同或类似的部分,因而将省略对它们的重复描述。
所描述的特征、结构或特性可以以任何合适的方式结合在一个或更多实施方式中。在下面的描述中,提供许多具体细节从而给出对本发明的实施方式的充分理解。然而,本领域技术人员将意识到,可以实践本发明的技术方案而省略特定细节中的一个或更多,或者可以采用其它的方法、组元、装置、步骤等。在其它情况下,不详细示出或描述公知方法、装置、实现或者操作以避免模糊本发明的各方面。
附图仅为本发明的示意性图解,图中相同的附图标记表示相同或类似的部分,因而将省略对它们的重复描述。附图中所示的一些方框图不一定必须与物理或逻辑上独立的实体相对应。可以采用软件形式来实现这些功能实体,或在一个或多个硬件模块或集成电路中实现这些功能实体,或在不同网络和/或处理器装置和/或微控制器装置中实现这些功能实体。
附图中所示的流程图仅是示例性说明,不是必须包括所有的内容和步骤,也不是必须按所描述的顺序执行。例如,有的步骤还可以分解,而有的步骤可以合并或部分合并,因此实际执行的顺序有可能根据实际情况改变。
下面结合附图对本发明示例实施方式进行详细说明。
图1是根据一示例性实施例示出的一种图片展示方法及装置的***框图。
服务器105可以是提供各种服务的服务器,例如对用户利用终端设备101、102、103所进行操作的图片展示***提供支持的后台管理服务器(仅为示例)。后台管理服务器可以对接收到的图片展示请求等数据进行分析等处理,并将处理结果(例如待展示区域的坐标、目标图片缩放比例--仅为示例)反馈给终端设备。
服务器105可例如获取目标图片与待展示底图;服务器105可例如遍历所述待展示底图的像素,以根据所述像素确定所述待展示底图上的待展示区域;服务器105可例如根据所述待展示区域对所述目标图片进行尺寸处理;服务器105可例如将尺寸处理之后的目标图片在所述待展示底图上展示。服务器105可例如在未能确定所述待展示区域时,将所述目标图片直接在所述待展示底图上展示。
服务器105可以是一个实体的服务器,还可例如为多个服务器组成,服务器105中的一部分可例如作为本申请中的图展示任务提交***,用于获取将要执行图片展示命令的任务;以及服务器105中的一部分还可例如作为本申请中的图片展示***,用于遍历所述待展示底图的像素,以根据所述像素确定所述待展示底图上的待展示区域;根据所述待展示区域对所述目标图片进行尺寸处理;将尺寸处理之后的目标图片在所述待展示底图上展示。
需要说明的是,本申请实施例所提供的图片展示的方法可以由服务器105执行,相应地,图片展示的装置可以设置于服务器105中。而提供给用户用于提交图片展示任务与获取图片展示结果的请求端一般位于终端设备101、102、103中。
图2是根据一示例性实施例示出的一种图片展示方法的流程图。根据图2示出的图片展示的方法,可以自动获取底图内的展示区域位置,并对目标图片进行缩放,使其尺寸适配于底图的展示区域。
下面,将参照图2,对本申请示例性实施例中的图片展示方法进行说明。
在步骤S210中,获取目标图片与待展示底图。其中,底图指在在制图过程中,放在多个图层的最底部的背景图。有了底图之后,就可以把与之有关的要素即数据集以图层的形式进行有序的叠加在底图上。待展示底图可以为用于网上购物页面中的背景图,也可以是用于广告宣传的海报的背景图片等,本申请对此不作特殊限定。目标图片为将要以图层形式叠加在底图上的图片对象。
根据示例实施例,可以根据目标图片与待展示底图的路径获取目标图片与待展示底图,所述路径为HTML路径。其中,HTML路径可以记录互联网中某一对象(文字、图片、视频等任意格式)在服务器中的存储位置。在本申请中,可以使用HTML路径记录目标图片与待展示底图的存储路径。
在步骤S220中,遍历待展示底图的像素,以根据所述像素确定待展示底图上的待展示区域。其中,像素指组成图像的最小单位或最小元素。每一最小元素都有一个明确的位置和被分配的色彩数值,这些最小元素的颜色和位置将决定图像所呈现出来的样子。
根据示例实施例,步骤S220可以包括:获取所述待展示底图的像素点;将所述像素点通过三原色色彩空间整合为像素数组;以及通过所述像素数组中每一个元素的颜色确定所述待展示底图上的待展示区域。其中,三原色色彩空间可以采用RGB模型的色彩空间,也可以采用RGBA模型的色彩空间,本发明对此不作特殊限定。RGB分别代表红(Red)、绿(Green)、蓝(Blue)三种颜色,这三种颜色几乎包括了人类视力所能感知的所有颜色,是目前运用最广的颜色***之一。而RGBA在RGB模型的基础上附加了额外的Alpha参数,也就是不透明度。如果一个像素的alpha通道数值为0%,那它就是完全透明的(也就是看不见的),而数值为100%则意味着一个完全不透明的像素(传统的数字图像)。在0%和100%之间的值则使得像素可以透过背景显示出来,就像透过玻璃(半透明性),这种效果是简单的二元透明性(透明或不透明)做不到的。它使数码合成变得容易。Catmull和Smith在1971至1972年间提出了这个不可或缺的alpha数值,使得alpha渲染和alpha合成成为可能。
根据示例实施例,通过像素数组中每一个元素的颜色确定待展示底图上的待展示区域可以包括:通过像素数组中每一个元素的颜色确定待展示底图上的多条水平线与多条纵轴线;由多条水平线与多条纵轴线确定两条水平线与两条纵轴线;以及根据两条水平线与两条纵轴线确定所述待展示区域。其中,待展示区域可以为通过一矩形框所限定的矩形范围。当逆向查找待展示区域时,可以通过查找构成矩形框的两条水平线与两条纵轴线以查找该矩形框。当矩形框线条颜色固定时,可在配置文件中配置相关内容。当通过像素数组中每一个原色的颜色确定待展示底图上的多条水平线与多条纵轴线时,只需查找指定的RGBA色值即可。
根据示例实施例,由多条水平线与纵轴线确定两条水平线与两条纵轴线包括:由多条水平线与多条纵轴线中剔除不满足长度阈值的水平线和/或纵轴线;由多条水平线与多条纵轴线中剔除不满足颜色要求的水平线和/或纵轴线;以及由多条水平线与多条纵轴线中剔除不满足长度范围的水平线和/或纵轴线。其中,底图中除标定待展示区域的矩形框外,可能存在其余用于绘制其他图案的水平线和/或纵轴线,但均被认为是可能的待展示区域边框。因而,需要通过一定的方法去除干扰线条。例如,可以考虑剔除不满足长度阈值(即长度过短)的水平线和/或纵轴线;可以考虑剔除颜色不同于其他水平线和/或纵轴线的线条;可以考虑剔除在长度误差范围内,长度不同于其他水平线和/或纵轴线的线条。当待展示区域的矩形框的线条颜色确定时,则不需要剔除颜色不同于其他水平线和/或纵轴线的线条。剔除后,可以得到一对或多对颜色相同、长度或高度相同(或在误差允许范围内)的水平线和/或纵轴线。
根据示例实施例,由多条水平线与纵轴线确定两条水平线与两条纵轴线还包括:通过顶点比较法确定两条水平线与两条纵轴线。其中,顶点比较法指通过比较多对水平线和/或纵轴线各自的端点是否相同来确认待展示区域。例如,当面对一对水平线a、b,以及一对纵轴线c、d时,当通过比较确认a的左端点与c的上端点相同,b的右端点与d的下端点相同时,则可以确认该四条线可组成待展示区域。
在步骤S230中,根据待展示区域对目标图片进行尺寸处理。当待展示区域确定后,可以获取待展示区域的尺寸大小,例如长、宽。再将目标图片缩放为待展示区域的尺寸,使其刚好能放入待展示区域。
在步骤S240中,将尺寸处理之后的目标图片在所展示底图上展示。
根据示例实施例,在未能确定待展示区域时,将目标图片直接在待展示底图上展示。其中,当无法寻找到可组成待展示区域的线条时,可以直接采取现有技术将图片直接展示在底图中。
根据本申请的图片展示方法,通过对待展示底图进行遍历,确定待展示区域,并根据待展示区域的大小对目标图片进行处理,能够自动获取底图内的展示区域位置,并对目标图片进行缩放,使其尺寸适配于底图的展示区域。
图3是根据一示例性实施例示出的一种图片展示方法的流程图。参照图3,图片展示方法可以包括:
步骤S310,获取待展示底图的像素点。其中,像素点可以为RGB色彩模式,也可以为RGBA色彩模式。其具体采用的色彩模式可以通过对图片信息的判断来获取。
步骤S320,将像素点通过三原色色彩空间整合为像素数组。其中,像素点为图像可以划分出的最小方格。像素点在图像中的排列可以看作一个以像素点为元素的二维像素数组。该像素数组的行数与待展示图像中纵轴上排列的像素点个数相同,列数与待展示图像中横轴上排列的像素点个数相同。
步骤S330,通过像素数组中每一个元素的颜色确定待展示底图上的待展示区域。其中,像素数组中每一元素可以记录其对应像素点的三原色(RGB)色值或三原色以及透明度(RGBA)值,当待展示底图为其他格式或较为复杂时,数组元素中的具体参数则由步骤S310中获取的待展示底图的像素点的具体参数为准。
图4是根据一示例性实施例示出的一种图片展示方法的流程图。参照图4,图片展示方法可以包括:
步骤S410,通过像素数组中每一个元素的颜色确定待展示底图上的多条水平线与多条纵轴线。其中,待展示区域可以为指定颜色表示的矩形框。通过进行指定颜色的水平线或纵轴线的查找,可以获取组成矩形框的水平线与纵轴线集合。
步骤S420,由多条水平线与多条纵轴线确定两条水平线与两条纵轴线。在步骤S410中获取得到的线条可能包含干扰线条。其中,底图中除标定待展示区域的矩形框外,可能存在其余用于绘制其他图案的水平线和/或纵轴线,但均被认为是可能的待展示区域边框。因而,需要通过一定的方法去除干扰线条。
根据示例实施例,可以通过顶点比较法确定两条水平线与两条纵轴线。顶点比较法通过比较多对水平线与多对纵轴线的顶点是否重合(或在误差允许范围内)来确定两条水平线与两条纵轴线。例如,当面对一对水平线a、b,以及一对纵轴线c、d时,当通过比较确认a的左端点与c的上端点相同,b的右端点与d的下端点相同时,则可以确认该四条线可组成待展示区域。但本发明的技术方案并不限于此,还可以将a、b的左右端点分别与c、d的上下端点进行依次比较,以确定两条水平线与两条纵轴线。
步骤S430,根据两条水平线与两条纵轴线确定待展示区域。
图5是根据一示例性实施例示出的一种图片展示方法的流程图。参照图5,图片展示方法可以包括:
步骤S510,由多条水平线与多条纵轴线中剔除不满足长度阈值的水平线和/或纵轴线。例如,当水平线集合中包含3条水平线时,其中一条水平线可能为底图中绘制的文字“一”,由于其长度过小,可以将该水平线剔除。对纵轴线集合的处理方式同理,但应该理解,此处仅为示例,本发明的技术方案并不限于此。
步骤S520,由多条水平线与多条纵轴线中剔除不满足颜色要求的水平线和/或纵轴线。例如,当水平线集合中包含3条水平线时,其中两条水平线颜色相同,而另一条水平线与上述两条水平线颜色不同,则可以将另一条颜色不同的水平线剔除。对纵轴线集合的处理方式同理,但应该理解,此处仅为示例,本发明的技术方案并不限于此。
步骤S530,由多条水平线与多条纵轴线中剔除不满足长度范围的水平线和/或纵轴线。例如,当水平线集合中包含3条水平线时,其中两条水平线长度相同(或在误差允许范围内),而另一条长度明显大于上述两条水平线时,则可以将长度最长的水平线剔除。对纵轴线集合的处理方式同理,但应该理解,此处仅为示例,本发明的技术方案并不限于此。
图6是根据另一示例性实施例示出的一种图片展示方法的流程图。图6展示的方法可以编写为javascript脚本,开发者在使用时只需引入该javascript脚本,并在页面使用标签如img展示底图和商品图时加入新的特殊属性即可。其中,JavaScript是一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。参照图6,图片展示方法可以包括:
步骤S610,获取待展示底图与目标图片。其中,可以通过当前页面的待展示底图与目标图片路径(HTML相对路径)进行获取,当然,也可以使用HTML绝对路径,本发明对此不作特殊限定。
步骤S620,获取待展示底图像素数组。其中,本实施例的像素数组是RGBA色彩模式,也可以是RGB色彩模式,本发明不以此为限。像素数组的行数、列数分别以待展示底图的宽度、高度为准。
步骤S630,判断配置文件中是否指定RGBA。其中,还可以在配置文件中指定一待展示区域的大致出现范围、或待展示区域边框的线条粗细等,本发明并不以此为限。
步骤S640,当已指定RGBA时,获取指定RGBA的水平轴和纵轴直线的坐标、宽高集合。例如,以待展示底图左上角为原点,遍历整个二维像素数组,获取水平轴线上的每条颜色为指定RGBA的直线或虚线Horizontal:[[x,y,width,height],…](左上角坐标和宽、高)、纵轴线上的每条直线或虚线Vertical:[[x,y,width,height],…](左上角坐标和宽、高)。
步骤S650,当未指定RGBA时,获取全部的水平轴和纵轴直线的坐标、宽高集合。例如,以待展示底图左上角为原点,遍历整个二维像素数组,获取水平轴线上的每条直线或虚线Horizontal:[[x,y,width,height,rgba],…](左上角坐标和宽、高、rgba)、纵轴线上的每条直线或虚线Vertical:[[x,y,width,height,rgba],…](左上角坐标和宽、高、rgba)。
在步骤S640以及步骤S650中,当得到一组水平线集合以及一组纵轴线集合时,可通过一定方法剔除干扰线条。例如,对于水平线上来说,若width过小则直接舍去该组数据;又例如,对于纵轴来说,若height过小则直接舍去该组数据。又例如,3.对生成的新的数组Horizontal和Vertical分别进行处理,只保留同一数组中同时存在两组颜色相同、并且width和height值相等或在误差允许范围内的值。
步骤S660,将步骤S640或S650得到的多组水平线与多组纵轴线进行对比,可以使用前述的顶点比较法。例如,Horizontal中a:[x1,y1,width,height,rgba]匹配出b:[x2,y2,width,height,rgba],Vertical中c:[x3,y3,width,height,rgba]匹配出d:[x4,y4,width,height,rgba]);则拿a与c的左上角坐标进行比较,并获取c与d的右下角坐标进行比较;只要证明两者相同,或是在误差允许范围内(即对角线两点确定),则可确认该四条线所组成的便是指定展示的区域。其示意图如图7所示。
步骤S670,当步骤S660匹配成功时,则可根据待展示区域的大小对目标图片进行缩放,使目标图片可以自动地展示到待展示底图的指定区域内。
步骤S670,当步骤S660匹配失败时,则认为待展示底图中并未指定待展示区域。此时将目标图片直接展示在待展示底图中,不作处理。
根据本申请的图片展示方法,可通过根据图片像素自动获取、精确合理快速的匹配来获取待展示底图所选区域位置,以此来设置目标图片展示的大小比例及相对页面而言的展示位置。综上,本申请的图片展示方法在依旧保持商品图和底图独立的基础上,实现了一键到位的商品图自适应展示方案。即自动获取底图内勾画出的展示区域位置,并自动缩放商品图以展示在底图指定区域内。
图8是根据一示例性实施例示出的一种图片展示装置的框图。参照图8,图片展示装置可以包括:获取模块810、遍历模块820、处理模块830以及展示模块840。
在图片展示装置中,获取模块810用于获取目标图片与待展示底图。例如,可根据目标图片与待展示底图的HTML路径获取目标图片与所述待展示底图。
遍历模块820用于遍历待展示底图的像素,以根据像素确定待展示底图上的待展示区域。待展示底图的像素模式可例如为三原色(RGB)色彩空间模式,也可例如为三原色及不透明度(RGBA)的色彩空间模式。本申请不以此为限。
根据示例实施例,遍历模块820可用于获取所述待展示底图的像素点;遍历模块820可用于将所述像素点通过三原色色彩空间整合为像素数组;遍历模块820可用于通过所述像素数组中每一个元素的颜色确定所述待展示底图上的待展示区域。
根据示例实施例,遍历模块820在通过像素数组中每一个元素的颜色确定所述待展示底图上的待展示区域时,可用于通过像素数组中每一个元素的颜色确定待展示底图上的多条水平线与多条纵轴线;遍历模块820还可用于由多条水平线与多条纵轴线确定两条水平线与两条纵轴线。遍历模块820还可用于根据两条水平线与两条纵轴线确定所述待展示区域。
根据示例实施例,遍历模块820在由多条水平线与纵轴线确定两条水平线与两条纵轴线时,可用于由多条水平线与多条纵轴线中剔除不满足长度阈值的水平线和/或纵轴线。遍历模块820还可用于由多条水平线与多条纵轴线中剔除不满足颜色要求的水平线和/或纵轴线。遍历模块820还可用于由多条水平线与多条纵轴线中剔除不满足长度范围的水平线和/或纵轴线。
根据示例实施例,遍历模块820可用于通过顶点比较法确定两条水平线与两条纵轴线。其中,顶点比较法指通过比较多对水平线和/或纵轴线各自的端点是否相同来确认待展示区域。
处理模块830用于根据待展示区域对所述目标图片进行尺寸处理。当待展示区域确定后,处理模块830可用于获取待展示区域的尺寸大小,例如长、宽。再将目标图片缩放为待展示区域的尺寸,使其刚好能放入待展示区域。
展示模块840用于将尺寸处理之后的目标图片在待展示底图上展示。当未能确定待展示区域时,将目标图片直接在待展示底图上进行展示。
根据本申请提供的图片展示装置,通过对待展示底图的像素进行遍历,确定待展示区域,并根据待展示区域的大小对目标图片进行处理,能够自动获取底图内的展示区域位置,并使待展示图片适配于底图的展示区域。综上,本申请的图片展示装置在依旧保持商品图和底图独立的基础上,实现了一键到位的商品图自适应展示方案。即自动获取底图内勾画出的展示区域位置,并自动缩放商品图以展示在底图指定区域内。
图9是根据一示例性实施例示出的一种用于图片展示的电子设备的框图。
下面参照图9来描述根据本申请的这种实施方式的电子设备900。图9显示的电子设备900仅仅是一个示例,不应对本公开实施例的功能和使用范围带来任何限制。
如图9所示,计算机***900包括中央处理单元(CPU)901,其可以根据存储在只读存储器(ROM)902中的程序或者从储存部分908加载到随机访问存储器(RAM)903中的程序而执行各种适当的动作和处理。例如,中央处理单元901可以执行如图2、图3、图4.图5、图6中的一个或多个所示的步骤。
在RAM 903中,还存储有***操作所需的各种程序和数据,例如待展示底图的像素数组、待展示图片尺寸。CPU 901、ROM 902以及RAM 903通过总线904彼此相连。输入/输出(I/O)接口905也连接至总线804。
以下部件连接至I/O接口905:包括触摸屏、键盘等的输入部分906;包括诸如液晶显示器(LCD)等以及扬声器等的输出部分907;包括闪存等的储存部分908;以及包括诸如无线网卡、高速网卡等的通信部分909。通信部分909经由诸如因特网的网络执行通信处理。驱动器910也根据需要连接至I/O接口905。可拆卸介质911,诸如半导体存储器、磁盘等,根据需要安装在驱动器910上,以便于从其上读出的计算机程序根据需要被安装入储存部分908。
通过以上的实施方式的描述,本领域的技术人员易于理解,这里描述的示例实施方式可以通过软件实现,也可以通过软件结合必要的硬件的方式来实现。因此,本发明实施例的技术方案可以以软件产品的形式体现出来,该软件产品可以存储在一个非易失性存储介质(可以是CD-ROM,U盘,移动硬盘等)中,包括若干指令用以使得一台计算设备(可以是个人计算机、服务器、移动终端、或者智能设备等)执行根据本发明实施例的方法,例如图2、图3图4、图5、图6中的一个多个所示的步骤。
此外,上述附图仅是根据本发明示例性实施例的方法所包括的处理的示意性说明,而不是限制目的。易于理解,上述附图所示的处理并不表明或限制这些处理的时间顺序。另外,也易于理解,这些处理可以是例如在多个模块中同步或异步执行的。
本领域技术人员在考虑说明书及实践这里公开的发明后,将容易想到本申请的其他实施例。本申请旨在涵盖本发明的任何变型、用途或者适应性变化,这些变型、用途或者适应性变化遵循本发明的一般性原理并包括本发明未申请的本技术领域中的公知常识或惯用技术手段。说明书和实施例仅被视为示例性的,本发明的真正范围和精神由权利要求指出。
应当理解的是,本发明并不限于这里已经示出的详细结构、附图方式或实现方法,相反,本发明意图涵盖包含在所附权利要求的精神和范围内的各种修改和等效设置。
Claims (10)
1.一种图片展示方法,其特征在于,包括:
获取目标图片与待展示底图;
遍历所述待展示底图的像素,以根据所述像素确定所述待展示底图上的待展示区域;
根据所述待展示区域对所述目标图片进行尺寸处理;
将尺寸处理之后的目标图片在所述待展示底图上展示。
2.如权利要求1所述的方法,其特征在于,获取目标图片与待展示底图包括:
根据所述目标图片与所述待展示底图的路径获取所述目标图片与所述待展示底图,所述路径为HTML路径。
3.如权利要求1所述的方法,其特征在于,遍历所述待展示底图的像素,以根据所述像素确定所述待展示底图上的待展示区域包括:
获取所述待展示底图的像素点;
将所述像素点通过三原色色彩空间整合为像素数组;以及
通过所述像素数组中每一个元素的颜色确定所述待展示底图上的待展示区域。
4.如权利要求3所述的方法,其特征在于,通过所述像素数组中每一个元素的颜色确定所述待展示底图上的待展示区域包括:
通过所述像素数组中每一个元素的颜色确定所述待展示底图上的多条水平线与多条纵轴线;
由所述多条水平线与多条纵轴线确定两条水平线与两条纵轴线;以及
根据两条水平线与两条纵轴线确定所述待展示区域。
5.如权利要求4所述的方法,其特征在于,由所述多条水平线与纵轴线确定两条水平线与两条纵轴线包括:
由所述多条水平线与多条纵轴线中剔除不满足长度阈值的水平线和/或纵轴线;
由所述多条水平线与多条纵轴线中剔除不满足颜色要求的水平线和/或纵轴线;以及
由所述多条水平线与多条纵轴线中剔除不满足长度范围的水平线和/或纵轴线。
6.如权利要求4所述的方法,其特征在于,由所述多条水平线与纵轴线确定两条水平线与两条纵轴线还包括:
通过顶点比较法确定两条水平线与两条纵轴线。
7.如权利要求1所述的方法,其特征在于,还包括:
在未能确定所述待展示区域时,将所述目标图片直接在所述待展示底图上展示。
8.一种图片展示装置,其特征在于,包括:
获取模块,用于获取目标图片与待展示底图;
遍历模块,用于遍历所述待展示底图的像素,以根据所述像素确定所述待展示底图上的待展示区域;
处理模块,用于根据所述待展示区域对所述目标图片进行尺寸处理;
展示模块,用于将尺寸处理之后的目标图片在所述待展示底图上展示。
9.一种电子设备,其特征在于,包括:
一个或多个处理器;
存储装置,用于存储一个或多个程序;
当所述一个或多个程序被所述一个或多个处理器执行,使得所述一个或多个处理器实现如权利要求1-7中任一所述的方法。
10.一种计算机可读介质,其上存储有计算机程序,其特征在于,所述程序被处理器执行时实现如权利要求1-7中任一所述的方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201810813973.5A CN110825989A (zh) | 2018-07-23 | 2018-07-23 | 图片展示方法、装置、电子设备及可读介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201810813973.5A CN110825989A (zh) | 2018-07-23 | 2018-07-23 | 图片展示方法、装置、电子设备及可读介质 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN110825989A true CN110825989A (zh) | 2020-02-21 |
Family
ID=69533646
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201810813973.5A Pending CN110825989A (zh) | 2018-07-23 | 2018-07-23 | 图片展示方法、装置、电子设备及可读介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN110825989A (zh) |
Cited By (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN112819398A (zh) * | 2020-10-16 | 2021-05-18 | 佛山欧神诺云商科技有限公司 | 一种线上电子物料管理方法、电子设备、存储介质 |
CN113449222A (zh) * | 2021-06-17 | 2021-09-28 | 青岛海尔科技有限公司 | 图片展示方法、图片展示装置和电子设备 |
Citations (10)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN105574102A (zh) * | 2015-12-11 | 2016-05-11 | 浙江大华技术股份有限公司 | 一种电子地图数据加载的方法及装置 |
CN105740432A (zh) * | 2016-01-29 | 2016-07-06 | 上海摩软通讯技术有限公司 | 图片生成方法及模块、图片搜索方法及*** |
CN106326251A (zh) * | 2015-06-23 | 2017-01-11 | 阿里巴巴集团控股有限公司 | 待展示对象的全尺寸适配方法及装置 |
CN106919303A (zh) * | 2017-02-17 | 2017-07-04 | 上海斐讯数据通信技术有限公司 | 一种图标的调整方法及*** |
CN107018336A (zh) * | 2017-04-11 | 2017-08-04 | 腾讯科技(深圳)有限公司 | 图像处理的方法和装置及视频处理的方法和装置 |
CN107481190A (zh) * | 2017-07-04 | 2017-12-15 | 腾讯科技(深圳)有限公司 | 一种图像数据处理方法以及装置 |
CN107590719A (zh) * | 2017-09-05 | 2018-01-16 | 青岛海信电器股份有限公司 | 生成虚拟资源展示图像的方法及装置、可读存储介质 |
CN107870911A (zh) * | 2016-09-23 | 2018-04-03 | 腾讯科技(深圳)有限公司 | 一种数据可视化展示方法和设备 |
CN108196755A (zh) * | 2018-01-30 | 2018-06-22 | 腾讯科技(深圳)有限公司 | 背景图片显示方法及装置 |
CN108205398A (zh) * | 2016-12-16 | 2018-06-26 | 腾讯科技(深圳)有限公司 | 网页动画适配屏幕的方法和装置 |
-
2018
- 2018-07-23 CN CN201810813973.5A patent/CN110825989A/zh active Pending
Patent Citations (10)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN106326251A (zh) * | 2015-06-23 | 2017-01-11 | 阿里巴巴集团控股有限公司 | 待展示对象的全尺寸适配方法及装置 |
CN105574102A (zh) * | 2015-12-11 | 2016-05-11 | 浙江大华技术股份有限公司 | 一种电子地图数据加载的方法及装置 |
CN105740432A (zh) * | 2016-01-29 | 2016-07-06 | 上海摩软通讯技术有限公司 | 图片生成方法及模块、图片搜索方法及*** |
CN107870911A (zh) * | 2016-09-23 | 2018-04-03 | 腾讯科技(深圳)有限公司 | 一种数据可视化展示方法和设备 |
CN108205398A (zh) * | 2016-12-16 | 2018-06-26 | 腾讯科技(深圳)有限公司 | 网页动画适配屏幕的方法和装置 |
CN106919303A (zh) * | 2017-02-17 | 2017-07-04 | 上海斐讯数据通信技术有限公司 | 一种图标的调整方法及*** |
CN107018336A (zh) * | 2017-04-11 | 2017-08-04 | 腾讯科技(深圳)有限公司 | 图像处理的方法和装置及视频处理的方法和装置 |
CN107481190A (zh) * | 2017-07-04 | 2017-12-15 | 腾讯科技(深圳)有限公司 | 一种图像数据处理方法以及装置 |
CN107590719A (zh) * | 2017-09-05 | 2018-01-16 | 青岛海信电器股份有限公司 | 生成虚拟资源展示图像的方法及装置、可读存储介质 |
CN108196755A (zh) * | 2018-01-30 | 2018-06-22 | 腾讯科技(深圳)有限公司 | 背景图片显示方法及装置 |
Cited By (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN112819398A (zh) * | 2020-10-16 | 2021-05-18 | 佛山欧神诺云商科技有限公司 | 一种线上电子物料管理方法、电子设备、存储介质 |
CN113449222A (zh) * | 2021-06-17 | 2021-09-28 | 青岛海尔科技有限公司 | 图片展示方法、图片展示装置和电子设备 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US10699166B2 (en) | Font attributes for font recognition and similarity | |
US20220137796A1 (en) | Screen adaptation and displaying method, electronic device and computer storage medium | |
JP5538435B2 (ja) | 画像特徴抽出方法及びシステム | |
JP2005316946A (ja) | レイアウトルール生成システム、レイアウトシステム、レイアウトルール生成プログラム、レイアウトプログラムおよび記憶媒体、並びにレイアウトルール生成方法およびレイアウト方法 | |
US20210141999A1 (en) | Method for displaying handwritten note in electronic book, electronic device and computer storage medium | |
CN110008450B (zh) | 图片的生成方法、装置、设备和介质 | |
CN105930464B (zh) | Web富媒体跨屏适配方法和装置 | |
CN113190781A (zh) | 页面布局方法、装置、设备及存储介质 | |
CN112100795A (zh) | 一种计算机辅助设计图纸的对比方法及装置 | |
CN110825989A (zh) | 图片展示方法、装置、电子设备及可读介质 | |
CN113205024B (zh) | 工程图纸的预处理方法、装置、电子设备和存储介质 | |
JP2012099098A (ja) | 表のセルの高さを決定する方法、コンピューター読取可能媒体及びシステム | |
US20140085308A1 (en) | User Interface Incorporating Waterfall Chart | |
CN113538623A (zh) | 确定目标图像的方法、装置、电子设备及存储介质 | |
CN114924822B (zh) | 三维拓扑结构的截图方法、装置、电子设备及存储介质 | |
CN107193815B (zh) | 一种页面代码的处理方法、装置及设备 | |
CN106488314B (zh) | 一种弹幕渲染方法 | |
CN113096217B (zh) | 图片生成方法、装置、电子设备以及存储介质 | |
CN111246140A (zh) | 数字标示显示方法和数字标示显示*** | |
CN112465931A (zh) | 图像文本抹除方法、相关设备及可读存储介质 | |
CN112583976B (zh) | 图形码显示方法、设备及可读存储介质 | |
CN111724195B (zh) | 台位布局生成、展示方法及装置 | |
CN114004967A (zh) | 一种图像有效区域识别的方法及装置 | |
CN114138214B (zh) | 一种自动生成打印文件的方法、装置和电子设备 | |
CN117473972A (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 |