CN111159447A - 一种图片展示方法、装置、设备及计算机可读存储介质 - Google Patents
一种图片展示方法、装置、设备及计算机可读存储介质 Download PDFInfo
- Publication number
- CN111159447A CN111159447A CN201911382405.5A CN201911382405A CN111159447A CN 111159447 A CN111159447 A CN 111159447A CN 201911382405 A CN201911382405 A CN 201911382405A CN 111159447 A CN111159447 A CN 111159447A
- Authority
- CN
- China
- Prior art keywords
- picture
- area
- displayed
- size information
- target
- 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
- 238000000034 method Methods 0.000 title claims abstract description 42
- 238000004364 calculation method Methods 0.000 claims abstract description 57
- 238000005520 cutting process Methods 0.000 claims abstract description 27
- 238000004590 computer program Methods 0.000 claims description 10
- 238000004458 analytical method Methods 0.000 claims description 7
- 230000000694 effects Effects 0.000 abstract description 3
- 238000007906 compression Methods 0.000 description 12
- 230000006835 compression Effects 0.000 description 10
- 238000010586 diagram Methods 0.000 description 4
- 230000001419 dependent effect Effects 0.000 description 2
- 238000012986 modification Methods 0.000 description 2
- 230000004048 modification Effects 0.000 description 2
- 230000003044 adaptive effect Effects 0.000 description 1
- 238000006243 chemical reaction Methods 0.000 description 1
- 238000005516 engineering process Methods 0.000 description 1
- 238000012544 monitoring process Methods 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
- 238000005457 optimization Methods 0.000 description 1
- 230000000750 progressive effect Effects 0.000 description 1
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/50—Information retrieval; Database structures therefor; File system structures therefor of still image data
- G06F16/54—Browsing; Visualisation therefor
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Data Mining & Analysis (AREA)
- Databases & Information Systems (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本发明公开了一种图片展示方法,该方法包括以下步骤:对接收到的图片展示请求进行解析,得到待展示图片的图片尺寸信息和待显示区域的区域尺寸信息;对图片尺寸信息和区域尺寸信息进行比例计算,得到比例计算结果,并根据比例计算结果对待展示图片进行伸缩及裁剪操作,得到目标图片;利用待显示区域对目标图片进行展示操作。应用本发明实施例所提供的技术方案,避免了待显示区域边缘空白,图片变形等线性发生的概率,提高了展示页面的美观度,提升了用户使用体验。本发明还公开了一种图片展示装置、设备及存储介质,具有相应技术效果。
Description
技术领域
本发明涉及图像处理技术领域,特别是涉及一种图片展示方法、装置、设备及计算机可读存储介质。
背景技术
在开展公安工作通知宣发、新闻要闻发布时,一张图片常需要在不同的地方显示,利用不同浏览器进行图片展示时,需要的图片尺寸大小不同。
现有的对图片进行展示的方式为:获取当前网络数据,如固定时间内的往返时延、每秒上传速率、每秒下载速率、上传带宽、下载带宽、下载UDP 丢包率及上传UDP丢包率等,根据当前网络数据分析当前网络状况。获取图片的图片尺寸大小,根据当前网络状况对图片的图片尺寸大小进行调整。通过分析当前的网络环境,根据当前网络状况伸缩图片尺寸大小,实现智能适配处理图片和上传图片。在具体应用中,通过每上传速率、上传带宽、上传UDP丢包率等确定当前网络的上传速度。通过设置分级阈值,将网络状况进行等级划分,确定网络等级表。通过预先设置网络等级与图片压缩等级的对应关系,网络等级越高则对应的图片压缩等级越低。在得到当前网络状况的网络等级后就能对应的获取到图片压缩等级。不同的图片压缩等级对应的压缩比例不同,压缩等级越高则压缩比例越大。压缩后的待显示区域边缘难免会有空白,图片压缩过程中易导致图片变形,影响展示页面的美观,影响用户使用体验。
综上所述,如何有效地解决现有的根据网络数据对图像展示的方式压缩后的图片难免会有空白,图片压缩过程中易导致图像变形,影响展示页面的美观,影响用户使用体验等问题,是目前本领域技术人员急需解决的问题。
发明内容
本发明的目的是提供一种图片展示方法,该方法避免了待显示区域边缘空白,图片变形等线性发生的概率,提高了展示页面的美观度,提升了用户使用体验;本发明的另一目的是提供一种图片展示装置、设备及计算机可读存储介质。
为解决上述技术问题,本发明提供如下技术方案:
一种图片展示方法,包括:
对接收到的图片展示请求进行解析,得到待展示图片的图片尺寸信息和待显示区域的区域尺寸信息;
对所述图片尺寸信息和所述区域尺寸信息进行比例计算,得到比例计算结果,并根据所述比例计算结果对所述待展示图片进行伸缩及裁剪操作,得到目标图片;
利用所述待显示区域对所述目标图片进行展示操作。
在本发明的一种具体实施方式中,对接收到的图片展示请求进行解析,得到待显示区域的区域尺寸信息,包括:
对接收到的图片展示请求进行解析,得到所述待显示区域的目标访问地址信息;
根据所述目标访问地址信息确定所述待显示区域的区域尺寸信息。
在本发明的一种具体实施方式中,在得到目标图片之后,还包括:
对所述待展示图片与所述目标访问地址信息进行对应记录,并对所述目标图片进行存储操作,以使当再次检测到所述待展示图片访问所述目标访问地址信息时,调取所述目标图片进行展示操作。
在本发明的一种具体实施方式中,在得到待展示图片的图片尺寸信息和待显示区域的区域尺寸信息之后,对所述图片尺寸信息和所述区域尺寸信息进行比例计算,得到比例计算结果之前,还包括:
根据所述区域尺寸信息确定所述待显示区域的区域显示方向;
根据所述图片尺寸信息确定所述待展示图片的构图方向;
判断所述构图方向与所述区域显示方向是否一致;
若否,则对所述构图方向进行调整,以使调整后的构图方向与所述区域显示方向一致。
在本发明的一种具体实施方式中,对所述图片尺寸信息和所述区域尺寸信息进行比例计算,得到比例计算结果,并根据所述比例计算结果对所述待展示图片进行缩放及裁剪操作,得到目标图片,包括:
在确定所述构图方向与所述区域显示方向一致之后,根据所述图片尺寸信息和所述区域尺寸信息将所述待展示图片的图片宽度和图片高度中的较小值确定为图片较小值,将所述图片宽度和所述图片高度中的较大值确定为图片较大值,并将所述待显示区域的区域宽度和区域高度中的较小值确定为区域较小值,将所述区域宽度和所述区域高度中的较大值确定为区域较大值;
计算所述图片较小值与所述区域较大值的比例值,利用所述比例值除所述图片较大值,得到所述待伸缩图片较大值;
将所述图片较大值对应的图片宽度或图片高度伸缩为所述待伸缩图片较大值,并将所述图片较小值对应的图片宽度或图片高度伸缩为所述区域较大值;
将所述待伸缩图片较大值对应的图片宽度或图片高度裁剪为所述区域较大值;
将所述图片较小值对应的图片宽度或图片高度由所述区域较大值裁剪为所述区域较小值,得到所述目标图片。
在本发明的一种具体实施方式中,在得到所述目标图片之后,利用所述待显示区域对所述目标图片进行展示操作之前,还包括:
获取所述目标图片的图片格式与所述待显示区域的预设图片格式;
判断所述图片格式与所述预设图片格式是否一致;
若否,则将所述图片格式转换为所述预设图片格式。
在本发明的一种具体实施方式中,在将所述图片格式转换为所述预设图片格式之后,利用所述待显示区域对所述目标图片进行展示操作之前,还包括:
对所述目标图片进行优化图像处理。
一种图片展示装置,包括:
请求解析模块,用于对接收到的图片展示请求进行解析,得到待展示图片的图片尺寸信息和待显示区域的区域尺寸信息;
图片获取模块,用于对所述图片尺寸信息和所述区域尺寸信息进行比例计算,得到比例计算结果,并根据所述比例计算结果对所述待展示图片进行伸缩及裁剪操作,得到目标图片;
图片展示模块,用于利用所述待显示区域对所述目标图片进行展示操作。
一种图片展示设备,包括:
存储器,用于存储计算机程序;
处理器,用于执行所述计算机程序时实现如前所述图片展示方法的步骤。
一种计算机可读存储介质,所述计算机可读存储介质上存储有计算机程序,所述计算机程序被处理器执行时实现如前所述图片展示方法的步骤。
应用本发明实施例所提供的方法,对接收到的图片展示请求进行解析,得到待展示图片的图片尺寸信息和待显示区域的区域尺寸信息;对图片尺寸信息和区域尺寸信息进行比例计算,得到比例计算结果,并根据比例计算结果对待展示图片进行伸缩及裁剪操作,得到目标图片;利用待显示区域对目标图片进行展示操作。通过对图片尺寸信息和区域尺寸信息进行比例计算,根据得到的比例计算结果对待展示图片进行伸缩及裁剪操作,相较于现有的根据网络数据对图片进行分级压缩展示的方式,避免了浏览器边缘空白,图像变形等现象发生的概率,提高了展示页面的美观度,提升了用户使用体验。
相应的,本发明实施例还提供了与上述图片展示方法相对应的图片展示装置、设备和计算机可读存储介质,具有上述技术效果,在此不再赘述。
附图说明
为了更清楚地说明本发明实施例或现有技术中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本发明的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。
图1为本发明实施例中图片展示方法的一种实施流程图;
图2为本发明实施例中图片展示方法的另一种实施流程图;
图3为本发明实施例中一种图片展示装置的结构框图;
图4为本发明实施例中一种图片展示设备的结构框图。
具体实施方式
为了使本技术领域的人员更好地理解本发明方案,下面结合附图和具体实施方式对本发明作进一步的详细说明。显然,所描述的实施例仅仅是本发明一部分实施例,而不是全部的实施例。基于本发明中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例,都属于本发明保护的范围。
实施例一:
参见图1,图1为本发明实施例中图片展示方法的一种实施流程图,该方法可以包括以下步骤:
S101:对接收到的图片展示请求进行解析,得到待展示图片的图片尺寸信息和待显示区域的区域尺寸信息。
当需要进行图片展示时,可以向图片展示管理中心发送图片展示请求,图片展示请求中包含有待展示图片的图片尺寸信息和待显示区域的区域尺寸信息。图片展示管理中心在接收到图片展示请求之后,可以对接收到的图片展示请求进行解析,得到待展示图片的图片尺寸信息和待显示区域的区域尺寸信息。如可以通过获取图片的分辨率信息,根据分辨率信息得到图片尺寸信息。
待显示区域可以根据实际情况,可以为当前浏览器的整个屏幕区域,也可以是当前浏览器屏幕的部分区域,本发明实施例对此不做限定。
S102:对图片尺寸信息和区域尺寸信息进行比例计算,得到比例计算结果,并根据比例计算结果对待展示图片进行伸缩及裁剪操作,得到目标图片。
在解析得到待展示图片的图片尺寸信息和待显示区域的区域尺寸信息之后,可以对图片尺寸信息和区域尺寸信息进行比例计算,得到比例计算结果,并根据比例计算结果对待展示图片进行伸缩及裁剪操作,得到目标图片。即通过待展示图片的原始的图片宽度和图片长度以及待显示区域的区域宽度和区域高度之间的比例关系,对待展示图片进行伸缩及裁剪操作,以使得到与待显示区域的区域宽度和区域高度相吻合,且保证图片在伸缩及裁剪过程中不变形。
S103:利用待显示区域对目标图片进行展示操作。
在通过按照比例计算结果对待展示图片进行伸缩及裁剪操作,得到目标图片之后,可以利用待显示区域对目标图片进行展示操作。通过按照对图片尺寸信息和区域尺寸信息进行比例计算得到的比例结果,对待展示图片进行伸缩及裁剪操作,使得待显示区域的空白处可以自动拉伸填充,图像始终铺满,不留空白,且保证了图像调用不变形。
应用本发明实施例所提供的方法,对接收到的图片展示请求进行解析,得到待展示图片的图片尺寸信息和待显示区域的区域尺寸信息;对图片尺寸信息和区域尺寸信息进行比例计算,得到比例计算结果,并根据比例计算结果对待展示图片进行伸缩及裁剪操作,得到目标图片;利用待显示区域对目标图片进行展示操作。通过对图片尺寸信息和区域尺寸信息进行比例计算,根据得到的比例计算结果对待展示图片进行伸缩及裁剪操作,相较于现有的根据网络数据对图片进行分级压缩展示的方式,避免了待显示区域边缘空白,图片变形等线性发生的概率,提高了展示页面的美观度,提升了用户使用体验。
需要说明的是,基于上述实施例一,本发明实施例还提供了相应的改进方案。在后续实施例中涉及与上述实施例一中相同步骤或相应步骤之间可相互参考,相应的有益效果也可相互参照,在下文的改进实施例中不再一一赘述。
实施例二:
参见图2,图2为本发明实施例中图片展示方法的另一种实施流程图,该方法可以包括以下步骤:
S201:对接收到的图片展示请求进行解析,得到待展示图片的图片尺寸信息和待显示区域的目标访问地址信息。
图片展示请求中可以包含待展示图片的图片尺寸信息和待显示区域的目标访问地址信息。
S202:根据目标访问地址信息确定待显示区域的区域尺寸信息。
可以在各浏览器的访问地址信息中部署对应的区域尺寸信息,在解析得到目标访问地址信息之后,可以根据目标访问地址信息确定待显示区域的区域尺寸信息。
S203:根据区域尺寸信息确定待显示区域的区域显示方向。
在确定出区域尺寸信息之后,可以根据区域尺寸信息确定待显示区域的区域显示方向。具体的,若对应的终端是横屏状态,即区域宽度大于区域高度,则待显示区域的显区域示方向是横屏显示,若对应的终端是竖屏状态,即区域宽度小于区域高度,则待显示区域的区域显示方向是竖屏显示。具体的,可以通过添onorientationchange监听事件,由待显示区域获取待显示区域对应终端的window.orientation参数,进而判断终端是横屏状态还是竖屏状态。当window.orientation为0/180时,则终端处于横屏状态,相应的,待显示区域的区域显示方向为横屏显示,当window.orientation为+90/-90时,则终端处于竖屏状态,相应的,待显示区域的区域显示方向为竖屏显示。
S204:根据图片尺寸信息确定待展示图片的构图方向。
在解析得到图片尺寸信息之后,可以根据图片尺寸信息确定待展示图片的构图方向。具体的,根据图片尺寸信息得到待展示图片的长度和宽度,通过分析待展示图片的长度和宽度判断待展示图片的构图方向,若待展示图片的宽度大于待展示图片的高度,即为横向构图;若待展示图片的宽度小于待展示图片的高度,即为竖向构图。
S205:判断构图方向与区域显示方向是否一致,若是,则执行步骤207,若否,则执行步骤S206。
在确定出待显示区域的区域显示方向和待展示图片的构图方向之后,可以判断构图方向与区域显示方向是否一致,若一致,则可以直接执行步骤 S207,若不一致,则执行步骤S206。
S206:对构图方向进行调整,以使调整后的构图方向与区域显示方向一致。
在确定构图方向与区域显示方向不一致之后,可以对构图方向进行调整,从而使得调整后的构图方向与区域显示方向一致,从而进一步降低在后续对图片进行伸缩裁剪操作时出现图像变形现象的概率。
S207:根据图片尺寸信息和区域尺寸信息将待展示图片的图片宽度和图片高度中的较小值确定为图片较小值,将图片宽度和图片高度中的较大值确定为图片较大值,并将待显示区域的区域宽度和区域高度中的较小值确定为区域较小值,将区域宽度和区域高度中的较大值确定为区域较大值。
在确定出图片尺寸信息和区域尺寸信息之后,可以根据图片尺寸信息和区域尺寸信息将待展示图片的图片宽度和图片高度中的较小值确定为图片较小值,将图片宽度和图片高度中的较大值确定为图片较大值,并将待显示区域的区域宽度和区域高度中的较小值确定为区域较小值,将区域宽度和区域高度中的较大值确定为区域较大值。例如,待展示图片的尺寸信息为1000像素*400像素,区域尺寸信息为500像素*300像素,在这种情况下,图片较小值为400像素,图片较大值为1000像素,区域较小值为300像素,区域较大值为500像素。
S208:计算图片较小值与区域较大值的比例值,利用比例值除图片较大值,得到待伸缩图片较大值。
可以计算图片较小值与区域较大值的比例值,利用比例值除图片较大值,得到待伸缩图片较大值。承接上述举例,图片较小值与区域较大值的比例值为400像素/500像素=4/5,利用比例值除图片较大值,得到待伸缩图片较大值,即1000像素/(4/5)=1250像素。
S209:将图片较大值对应的图片宽度或图片高度伸缩为待伸缩图片较大值,并将图片较小值对应的图片宽度或图片高度伸缩为区域较大值。
将图片较大值对应的图片宽度或图片高度伸缩为待伸缩图片较大值,并将图片较小值对应的图片宽度或图片高度伸缩为区域较大值。承接上述举例,图片较大值对应图片宽度,图片较小值对应图片高度,将图片宽度伸缩为待伸缩图片较大值,即将待展示图片宽度由1000像素拉伸为1250像素,将待展示图片高度由400像素拉伸为500像素,得到的伸缩后图片的图片尺寸为 1250像素*500像素。
S210:将待伸缩图片较大值对应的图片宽度或图片高度裁剪为区域较大值。
将图片较大值对应的图片宽度或图片高度伸缩为待伸缩图片较大值之后,将待伸缩图片较大值对应的图片宽度或图片高度裁剪为区域较大值。承接上述举例,在将待展示图片宽度由1000像素拉伸为1250像素之后,将图片宽度由1250像素裁剪为500像素,得到的裁剪后图片的图片尺寸为500像素*500像素。
S211:将图片较小值对应的图片宽度或图片高度由区域较大值裁剪为区域较小值,得到目标图片。
在将图片较小值对应的图片宽度或图片高度伸缩为区域较大值之后,可以将图片较小值对应的图片宽度或图片高度由区域较大值裁剪为区域较小值,得到目标图片。承接上述举例,在将待展示图片高度由400像素拉伸为500像素之后,将图片高度由500像素裁剪为300像素,得到的裁剪后图片的图片尺寸为500像素*300像素,从而得到与待显示区域的区域尺寸相等,且保证图像质量的目标图片。
S212:获取目标图片的图片格式与待显示区域的预设图片格式。
可以预先设置待显示区域进行图片显示时的图片格式,在得到与待显示区域的区域尺寸相等,且保证图像质量的目标图片之后,可以获取目标图片的图片格式与待显示区域的预设图片格式。
S213:判断图片格式与预设图片格式是否一致,若是,则执行步骤S215,若否,则执行步骤S214。
在获取目标图片的图片格式与待显示区域的预设图片格式,可以判断图片格式与预设图片格式是否一致,若是,则说明待显示区域支持目标图片的图片格式,则可以执行步骤S215,若否,则说明待显示区域支持目标图片当前的图片格式,可以执行步骤S214。
S214:将图片格式转换为预设图片格式。
在确定图片格式与预设图片格式不一致之后,可以将图片格式转换为预设图片格式,从而使得目标图片的图片格式与待显示区域更加适配,促进后续图片展示的顺利进行。
S215:对目标图片进行优化图像处理。
在得到目标图片之后,可以对目标图片进行优化图像处理,如调节图片的颜色、亮度、文件大小等。还可以增加图片水印,从而保护用户图片所有权,避免图片遭受侵权。
S216:利用待显示区域对目标图片进行展示操作。
S217:对待展示图片与目标访问地址信息进行对应记录,并对目标图片进行存储操作,以使当再次检测到待展示图片访问目标访问地址信息时,调取目标图片进行展示操作。
在解析得到目标访问地址信息之后,可以对待展示图片与目标访问地址信息进行对应记录,并对目标图片进行存储操作,从而当再次检测到待展示图片访问目标访问地址信息时,直接调取目标图片进行展示操作,简单易操作。
本实施例区别于独立权利要求1所要求保护的技术方案对应的实施例一,还增加了从属权利要求2至7对应要求保护的技术方案,当然,根据实际情况和要求的不同,可将各从属权利要求对应要求保护的技术方案在不影响方案完整性的基础上进行灵活组合,以更加符合不同使用场景的要求,本实施例只是给出了其中一种包含方案最多、效果最优的方案,因为情况复杂,无法对所有可能存在的方案一一列举,本领域技术人员应能意识到根据本申请提供的基本方法原理结合实际情况可以存在很多的例子,在不付出足够的创造性劳动下,应均在本申请的保护范围内。
相应于上面的方法实施例,本发明实施例还提供了一种图片展示装置,下文描述的图片展示装置与上文描述的图片展示方法可相互对应参照。
参见图3,图3为本发明实施例中一种图片展示装置的结构框图,该装置可以包括:
请求解析模块31,用于对接收到的图片展示请求进行解析,得到待展示图片的图片尺寸信息和待显示区域的区域尺寸信息;
图片获取模块32,用于对图片尺寸信息和区域尺寸信息进行比例计算,得到比例计算结果,并根据比例计算结果对待展示图片进行伸缩及裁剪操作,得到目标图片;
图片展示模块33,用于利用待显示区域对目标图片进行展示操作。
应用本发明实施例所提供的装置,对接收到的图片展示请求进行解析,得到待展示图片的图片尺寸信息和待显示区域的区域尺寸信息;对图片尺寸信息和区域尺寸信息进行比例计算,得到比例计算结果,并根据比例计算结果对待展示图片进行伸缩及裁剪操作,得到目标图片;利用待显示区域对目标图片进行展示操作。通过对图片尺寸信息和区域尺寸信息进行比例计算,根据得到的比例计算结果对待展示图片进行伸缩及裁剪操作,相较于现有的根据网络数据对图片进行分级压缩展示的方式,避免了待显示区域边缘空白,图像变形等线性发生的概率,提高了展示页面的美观度,提升了用户使用体验。
在本发明的一种具体实施方式中,请求解析模块31包括:
访问地址信息获得子模块,用于对接收到的图片展示请求进行解析,得到待显示区域的目标访问地址信息;
区域尺寸信息获得子模块,用于根据目标访问地址信息确定待显示区域的区域尺寸信息。
在本发明的一种具体实施方式中,该装置还可以包括:
图片存储模块,用于对待展示图片与目标访问地址信息进行对应记录,并对目标图片进行存储操作,以使当再次检测到待展示图片访问目标访问地址信息时,调取目标图片进行展示操作。
在本发明的一种具体实施方式中,该装置还可以包括:
显示方向确定模块,用于在得到待展示图片的图片尺寸信息和待显示区域的区域尺寸信息之后,对图片尺寸信息和区域尺寸信息进行比例计算,得到比例计算结果之前,根据区域尺寸信息确定待显示区域的区域显示方向;
构图方向确定模块,用于根据图片尺寸信息确定待展示图片的构图方向;
第一判断模块,用于判断构图方向与区域显示方向是否一致。
构图方向调整模块,用于在确定构图方向与区域显示方向不一致时,对构图方向进行调整,以使调整后的构图方向与区域显示方向一致。
在本发明的一种具体实施方式中,图片获取模块32包括:
尺寸比较子模块,用于在确定构图方向与区域显示方向一致之后,根据图片尺寸信息和区域尺寸信息将待展示图片的图片宽度和图片高度中的较小值确定为图片较小值,将图片宽度和图片高度中的较大值确定为图片较大值,并将待显示区域的区域宽度和区域高度中的较小值确定为区域较小值,将区域宽度和区域高度中的较大值确定为区域较大值;
比例计算子模块,用于计算图片较小值与区域较大值的比例值,利用比例值除图片较大值,得到待伸缩图片较大值;
图片伸缩子模块,用于将图片较大值对应的图片宽度或图片高度伸缩为待伸缩图片较大值,并将图片较小值对应的图片宽度或图片高度伸缩为区域较大值;
第一图片裁剪子模块,用于将待伸缩图片较大值对应的图片宽度或图片高度裁剪为区域较大值;
第二图片裁剪子模块,用于将图片较小值对应的图片宽度或图片高度由区域较大值裁剪为区域较小值,得到目标图片。
在本发明的一种具体实施方式中,该装置还可以包括:
图片格式获得模块,用于在得到目标图片之后,利用待显示区域对目标图片进行展示操作之前,获取目标图片的图片格式与待显示区域的预设图片格式;
第二判断模块,用于判断图片格式与预设图片格式是否一致;
图片格式转换模块,用于在确定图片格式与预设图片格式不一致时,将图片格式转换为预设图片格式。
在本发明的一种具体实施方式中,该装置还可以包括:
图像优化模块,用于在将图片格式转换为预设图片格式之后,利用待显示区域对目标图片进行展示操作之前,对目标图片进行优化图像处理。
相应于上面的方法实施例,参见图4,图4为本发明所提供的图片展示设备的示意图,该设备可以包括:
存储器41,用于存储计算机程序;
处理器42,用于执行上述存储器41存储的计算机程序时可实现如下步骤:
对接收到的图片展示请求进行解析,得到待展示图片的图片尺寸信息和待显示区域的区域尺寸信息;对图片尺寸信息和区域尺寸信息进行比例计算,得到比例计算结果,并根据比例计算结果对待展示图片进行伸缩及裁剪操作,得到目标图片;利用待显示区域对目标图片进行展示操作。
对于本发明提供的设备的介绍请参照上述方法实施例,本发明在此不做赘述。
相应于上面的方法实施例,本发明还提供一种计算机可读存储介质,计算机可读存储介质上存储有计算机程序,计算机程序被处理器执行时可实现如下步骤:
对接收到的图片展示请求进行解析,得到待展示图片的图片尺寸信息和待显示区域的区域尺寸信息;对图片尺寸信息和区域尺寸信息进行比例计算,得到比例计算结果,并根据比例计算结果对待展示图片进行伸缩及裁剪操作,得到目标图片;利用待显示区域对目标图片进行展示操作。
该计算机可读存储介质可以包括:U盘、移动硬盘、只读存储器(Read-OnlyMemory,ROM)、随机存取存储器(Random Access Memory,RAM)、磁碟或者光盘等各种可以存储程序代码的介质。
对于本发明提供的计算机可读存储介质的介绍请参照上述方法实施例,本发明在此不做赘述。
本说明书中各个实施例采用递进的方式描述,每个实施例重点说明的都是与其它实施例的不同之处,各个实施例之间相同或相似部分互相参见即可。对于实施例公开的装置、设备及计算机可读存储介质而言,由于其与实施例公开的方法相对应,所以描述的比较简单,相关之处参见方法部分说明即可。本文中应用了具体个例对本发明的原理及实施方式进行了阐述,以上实施例的说明只是用于帮助理解本发明的技术方案及其核心思想。应当指出,对于本技术领域的普通技术人员来说,在不脱离本发明原理的前提下,还可以对本发明进行若干改进和修饰,这些改进和修饰也落入本发明权利要求的保护范围内。
Claims (10)
1.一种图片展示方法,其特征在于,包括:
对接收到的图片展示请求进行解析,得到待展示图片的图片尺寸信息和待显示区域的区域尺寸信息;
对所述图片尺寸信息和所述区域尺寸信息进行比例计算,得到比例计算结果,并根据所述比例计算结果对所述待展示图片进行伸缩及裁剪操作,得到目标图片;
利用所述待显示区域对所述目标图片进行展示操作。
2.根据权利要求1所述的图片展示方法,其特征在于,对接收到的图片展示请求进行解析,得到待显示区域的区域尺寸信息,包括:
对接收到的图片展示请求进行解析,得到所述待显示区域的目标访问地址信息;
根据所述目标访问地址信息确定所述待显示区域的区域尺寸信息。
3.根据权利要求2所述的图片展示方法,其特征在于,在得到目标图片之后,还包括:
对所述待展示图片与所述目标访问地址信息进行对应记录,并对所述目标图片进行存储操作,以使当再次检测到所述待展示图片访问所述目标访问地址信息时,调取所述目标图片进行展示操作。
4.根据权利要求1至3任一项所述的图片展示方法,其特征在于,在得到待展示图片的图片尺寸信息和待显示区域的区域尺寸信息之后,对所述图片尺寸信息和所述区域尺寸信息进行比例计算,得到比例计算结果之前,还包括:
根据所述区域尺寸信息确定所述待显示区域的区域显示方向;
根据所述图片尺寸信息确定所述待展示图片的构图方向;
判断所述构图方向与所述区域显示方向是否一致;
若否,则对所述构图方向进行调整,以使调整后的构图方向与所述区域显示方向一致。
5.根据权利要求4所述的图片展示方法,其特征在于,对所述图片尺寸信息和所述区域尺寸信息进行比例计算,得到比例计算结果,并根据所述比例计算结果对所述待展示图片进行缩放及裁剪操作,得到目标图片,包括:
在确定所述构图方向与所述区域显示方向一致之后,根据所述图片尺寸信息和所述区域尺寸信息将所述待展示图片的图片宽度和图片高度中的较小值确定为图片较小值,将所述图片宽度和所述图片高度中的较大值确定为图片较大值,并将所述待显示区域的区域宽度和区域高度中的较小值确定为区域较小值,将所述区域宽度和所述区域高度中的较大值确定为区域较大值;
计算所述图片较小值与所述区域较大值的比例值,利用所述比例值除所述图片较大值,得到所述待伸缩图片较大值;
将所述图片较大值对应的图片宽度或图片高度伸缩为所述待伸缩图片较大值,并将所述图片较小值对应的图片宽度或图片高度伸缩为所述区域较大值;
将所述待伸缩图片较大值对应的图片宽度或图片高度裁剪为所述区域较大值;
将所述图片较小值对应的图片宽度或图片高度由所述区域较大值裁剪为所述区域较小值,得到所述目标图片。
6.根据权利要求5所述的图片展示方法,其特征在于,在得到所述目标图片之后,利用所述待显示区域对所述目标图片进行展示操作之前,还包括:
获取所述目标图片的图片格式与所述待显示区域的预设图片格式;
判断所述图片格式与所述预设图片格式是否一致;
若否,则将所述图片格式转换为所述预设图片格式。
7.根据权利要求6所述的图片展示方法,其特征在于,在将所述图片格式转换为所述预设图片格式之后,利用所述待显示区域对所述目标图片进行展示操作之前,还包括:
对所述目标图片进行优化图像处理。
8.一种图片展示装置,其特征在于,包括:
请求解析模块,用于对接收到的图片展示请求进行解析,得到待展示图片的图片尺寸信息和待显示区域的区域尺寸信息;
图片获取模块,用于对所述图片尺寸信息和所述区域尺寸信息进行比例计算,得到比例计算结果,并根据所述比例计算结果对所述待展示图片进行伸缩及裁剪操作,得到目标图片;
图片展示模块,用于利用所述待显示区域对所述目标图片进行展示操作。
9.一种图片展示设备,其特征在于,包括:
存储器,用于存储计算机程序;
处理器,用于执行所述计算机程序时实现如权利要求1至7任一项所述图片展示方法的步骤。
10.一种计算机可读存储介质,其特征在于,所述计算机可读存储介质上存储有计算机程序,所述计算机程序被处理器执行时实现如权利要求1至7任一项所述图片展示方法的步骤。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201911382405.5A CN111159447A (zh) | 2019-12-27 | 2019-12-27 | 一种图片展示方法、装置、设备及计算机可读存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201911382405.5A CN111159447A (zh) | 2019-12-27 | 2019-12-27 | 一种图片展示方法、装置、设备及计算机可读存储介质 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN111159447A true CN111159447A (zh) | 2020-05-15 |
Family
ID=70558767
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201911382405.5A Pending CN111159447A (zh) | 2019-12-27 | 2019-12-27 | 一种图片展示方法、装置、设备及计算机可读存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN111159447A (zh) |
Cited By (13)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN112783325A (zh) * | 2021-01-25 | 2021-05-11 | 江苏华实广告有限公司 | 基于多投影***的人机互动方法、***以及存储介质 |
CN112862693A (zh) * | 2021-04-08 | 2021-05-28 | 上海哔哩哔哩科技有限公司 | 图片处理方法及装置 |
CN113407189A (zh) * | 2021-07-15 | 2021-09-17 | 广州博冠信息科技有限公司 | 图片物料的处理方法、装置、存储介质与电子设备 |
CN113422912A (zh) * | 2021-05-25 | 2021-09-21 | 深圳市大头兄弟科技有限公司 | 短视频的交互生成方法、装置、设备及存储介质 |
CN113625979A (zh) * | 2021-07-06 | 2021-11-09 | 深圳点猫科技有限公司 | 一种图片自适应显示方法、装置、***及介质 |
CN113655977A (zh) * | 2021-08-18 | 2021-11-16 | 北京达佳互联信息技术有限公司 | 一种素材展示方法、装置、电子设备及存储介质 |
CN113760205A (zh) * | 2021-01-28 | 2021-12-07 | 北京沃东天骏信息技术有限公司 | 一种图片的显示方法和装置 |
CN114092495A (zh) * | 2021-11-29 | 2022-02-25 | 阿里巴巴(中国)有限公司 | 图像展示方法、电子设备、存储介质及程序产品 |
CN114117107A (zh) * | 2021-11-24 | 2022-03-01 | 浙报融媒体科技(浙江)股份有限公司 | 一种辅助新闻创作自动选取最优封面图的方法 |
WO2022262404A1 (zh) * | 2021-06-17 | 2022-12-22 | 青岛海尔科技有限公司 | 图片展示方法、图片展示装置和电子设备 |
WO2023273615A1 (zh) * | 2021-06-30 | 2023-01-05 | 北京字跳网络技术有限公司 | 媒体文件处理方法、装置、设备、可读存储介质及产品 |
CN116737102A (zh) * | 2023-08-15 | 2023-09-12 | 南京易联阳光信息技术股份有限公司 | 云医药数据处理方法及平台 |
CN117785995A (zh) * | 2024-02-28 | 2024-03-29 | 江西方兴科技股份有限公司 | 一种基于物联网屏的数据展示方法及*** |
Citations (9)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
EP1465107A2 (en) * | 2003-04-03 | 2004-10-06 | Thomson Licensing S.A. | Method and circuit for scaling raster images |
CN101241416A (zh) * | 2008-02-21 | 2008-08-13 | 北大方正集团有限公司 | 一种适应屏幕分辨率的电子读物处理方法及*** |
CN105205780A (zh) * | 2015-10-19 | 2015-12-30 | 新华瑞德(北京)网络科技有限公司 | 图片裁剪方法和装置 |
CN106296760A (zh) * | 2015-05-21 | 2017-01-04 | 腾讯科技(深圳)有限公司 | 图片的裁剪方法及装置 |
CN108595239A (zh) * | 2018-04-18 | 2018-09-28 | 腾讯科技(深圳)有限公司 | 图片处理方法、装置、终端及计算机可读存储介质 |
CN109254813A (zh) * | 2018-08-20 | 2019-01-22 | 中国平安人寿保险股份有限公司 | 屏幕适配方法、装置、计算机设备及存储介质 |
CN109360149A (zh) * | 2018-09-25 | 2019-02-19 | 平安普惠企业管理有限公司 | 一种图片上传方法、***及终端设备 |
CN109410893A (zh) * | 2018-09-04 | 2019-03-01 | 广州优视网络科技有限公司 | 显示图片的方法、装置、及电子设备 |
CN109947972A (zh) * | 2017-10-11 | 2019-06-28 | 腾讯科技(深圳)有限公司 | 缩略图生成方法及装置、电子设备、存储介质 |
-
2019
- 2019-12-27 CN CN201911382405.5A patent/CN111159447A/zh active Pending
Patent Citations (9)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
EP1465107A2 (en) * | 2003-04-03 | 2004-10-06 | Thomson Licensing S.A. | Method and circuit for scaling raster images |
CN101241416A (zh) * | 2008-02-21 | 2008-08-13 | 北大方正集团有限公司 | 一种适应屏幕分辨率的电子读物处理方法及*** |
CN106296760A (zh) * | 2015-05-21 | 2017-01-04 | 腾讯科技(深圳)有限公司 | 图片的裁剪方法及装置 |
CN105205780A (zh) * | 2015-10-19 | 2015-12-30 | 新华瑞德(北京)网络科技有限公司 | 图片裁剪方法和装置 |
CN109947972A (zh) * | 2017-10-11 | 2019-06-28 | 腾讯科技(深圳)有限公司 | 缩略图生成方法及装置、电子设备、存储介质 |
CN108595239A (zh) * | 2018-04-18 | 2018-09-28 | 腾讯科技(深圳)有限公司 | 图片处理方法、装置、终端及计算机可读存储介质 |
CN109254813A (zh) * | 2018-08-20 | 2019-01-22 | 中国平安人寿保险股份有限公司 | 屏幕适配方法、装置、计算机设备及存储介质 |
CN109410893A (zh) * | 2018-09-04 | 2019-03-01 | 广州优视网络科技有限公司 | 显示图片的方法、装置、及电子设备 |
CN109360149A (zh) * | 2018-09-25 | 2019-02-19 | 平安普惠企业管理有限公司 | 一种图片上传方法、***及终端设备 |
Non-Patent Citations (1)
Title |
---|
李慧;: "关于彩色图片在报纸排版中处理方式的分析" * |
Cited By (19)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN112783325A (zh) * | 2021-01-25 | 2021-05-11 | 江苏华实广告有限公司 | 基于多投影***的人机互动方法、***以及存储介质 |
CN112783325B (zh) * | 2021-01-25 | 2022-02-22 | 江苏华实广告有限公司 | 基于多投影***的人机互动方法、***以及存储介质 |
CN113760205A (zh) * | 2021-01-28 | 2021-12-07 | 北京沃东天骏信息技术有限公司 | 一种图片的显示方法和装置 |
CN112862693A (zh) * | 2021-04-08 | 2021-05-28 | 上海哔哩哔哩科技有限公司 | 图片处理方法及装置 |
CN112862693B (zh) * | 2021-04-08 | 2023-07-04 | 上海哔哩哔哩科技有限公司 | 图片处理方法及装置 |
CN113422912A (zh) * | 2021-05-25 | 2021-09-21 | 深圳市大头兄弟科技有限公司 | 短视频的交互生成方法、装置、设备及存储介质 |
WO2022262404A1 (zh) * | 2021-06-17 | 2022-12-22 | 青岛海尔科技有限公司 | 图片展示方法、图片展示装置和电子设备 |
WO2023273615A1 (zh) * | 2021-06-30 | 2023-01-05 | 北京字跳网络技术有限公司 | 媒体文件处理方法、装置、设备、可读存储介质及产品 |
CN113625979A (zh) * | 2021-07-06 | 2021-11-09 | 深圳点猫科技有限公司 | 一种图片自适应显示方法、装置、***及介质 |
CN113625979B (zh) * | 2021-07-06 | 2024-05-28 | 深圳点猫科技有限公司 | 一种图片自适应显示方法、装置、***及介质 |
CN113407189A (zh) * | 2021-07-15 | 2021-09-17 | 广州博冠信息科技有限公司 | 图片物料的处理方法、装置、存储介质与电子设备 |
CN113407189B (zh) * | 2021-07-15 | 2023-11-17 | 广州博冠信息科技有限公司 | 图片物料的处理方法、装置、存储介质与电子设备 |
CN113655977A (zh) * | 2021-08-18 | 2021-11-16 | 北京达佳互联信息技术有限公司 | 一种素材展示方法、装置、电子设备及存储介质 |
CN114117107A (zh) * | 2021-11-24 | 2022-03-01 | 浙报融媒体科技(浙江)股份有限公司 | 一种辅助新闻创作自动选取最优封面图的方法 |
CN114092495A (zh) * | 2021-11-29 | 2022-02-25 | 阿里巴巴(中国)有限公司 | 图像展示方法、电子设备、存储介质及程序产品 |
CN116737102A (zh) * | 2023-08-15 | 2023-09-12 | 南京易联阳光信息技术股份有限公司 | 云医药数据处理方法及平台 |
CN116737102B (zh) * | 2023-08-15 | 2023-10-20 | 南京易联阳光信息技术股份有限公司 | 云医药数据处理方法及平台 |
CN117785995A (zh) * | 2024-02-28 | 2024-03-29 | 江西方兴科技股份有限公司 | 一种基于物联网屏的数据展示方法及*** |
CN117785995B (zh) * | 2024-02-28 | 2024-06-28 | 江西方兴科技股份有限公司 | 一种基于物联网屏的数据展示方法及*** |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN111159447A (zh) | 一种图片展示方法、装置、设备及计算机可读存储介质 | |
CN108920048B (zh) | 大型图纸浏览方法、***、服务器及计算机可读存储介质 | |
CN110706150A (zh) | 图像处理方法、装置、电子设备及存储介质 | |
CN110392306B (zh) | 一种数据处理方法以及设备 | |
KR20150013312A (ko) | 화상 통신 방법, 장치, 프로그램 및 기록매체 | |
CN105469381B (zh) | 一种信息处理方法及终端 | |
KR20090076388A (ko) | 모바일 단말기의 영상 표시 제어 방법 및 장치 | |
EP2874054A1 (en) | Application text adjusting method, device, and terminal | |
CN110740316A (zh) | 数据编码方法及装置 | |
CN111612004A (zh) | 一种基于语义内容的图像裁剪方法及装置 | |
CN112926009A (zh) | 图片资源的处理方法、装置、电子设备和介质 | |
CN106528758B (zh) | 一种选取图片方法及装置 | |
CN112752107B (zh) | 网页图片预处理方法、***、存储介质及计算机设备 | |
CN109710783B (zh) | 一种图片加载方法、装置、存储介质及服务器 | |
CN107506119B (zh) | 一种图片显示方法、装置、设备和存储介质 | |
CN110545427A (zh) | 一种pdf文档压缩方法、装置及电子设备 | |
CN112001842A (zh) | 图片生成方法、装置、电子设备及计算机可读存储介质 | |
CN113807410B (zh) | 图像识别方法、装置以及电子设备 | |
CN105260353A (zh) | 一种移动终端的排版方法及装置 | |
CN110941413B (zh) | 显示画面的生成方法及相关装置 | |
JP4571923B2 (ja) | ヒストグラムプロジェクション処理用度数閾値設定装置、方法、及びそのプログラムを記録した記録媒体。 | |
CN113762307A (zh) | 一种图像识别方法和装置 | |
CN113760205A (zh) | 一种图片的显示方法和装置 | |
CN114357055A (zh) | 通话界面的展示方法、电子设备及存储介质 | |
CN110851752A (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 | ||
AD01 | Patent right deemed abandoned |
Effective date of abandoning: 20240220 |
|
AD01 | Patent right deemed abandoned |