CN113126942B - 一种封面图片的显示方法、装置、电子设备及存储介质 - Google Patents
一种封面图片的显示方法、装置、电子设备及存储介质 Download PDFInfo
- Publication number
- CN113126942B CN113126942B CN202110297313.8A CN202110297313A CN113126942B CN 113126942 B CN113126942 B CN 113126942B CN 202110297313 A CN202110297313 A CN 202110297313A CN 113126942 B CN113126942 B CN 113126942B
- Authority
- CN
- China
- Prior art keywords
- picture
- angle
- screen
- displayed
- square
- 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
- 238000000034 method Methods 0.000 title claims abstract description 60
- 238000003860 storage Methods 0.000 title claims abstract description 11
- 238000005520 cutting process Methods 0.000 claims description 23
- 238000004590 computer program Methods 0.000 claims description 11
- 230000008569 process Effects 0.000 abstract description 17
- 238000010586 diagram Methods 0.000 description 12
- 230000006870 function Effects 0.000 description 6
- 230000000007 visual effect Effects 0.000 description 4
- 230000009471 action Effects 0.000 description 3
- 238000005516 engineering process Methods 0.000 description 2
- 230000009191 jumping Effects 0.000 description 2
- 230000004048 modification Effects 0.000 description 2
- 238000012986 modification Methods 0.000 description 2
- 230000004075 alteration Effects 0.000 description 1
- 230000005540 biological transmission Effects 0.000 description 1
- 230000010365 information processing Effects 0.000 description 1
- 238000004519 manufacturing process Methods 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
- 230000000750 progressive effect Effects 0.000 description 1
- 230000004044 response Effects 0.000 description 1
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/14—Digital output to display device ; Cooperation and interconnection of the display device with other functional units
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Processing Or Creating Images (AREA)
Abstract
本申请提供了一种封面图片的显示方法、装置、电子设备及存储介质,涉及计算机技术领域。方法包括:获取第一视场角和目标物距,其中,第一视场角为3D空间显示时采用的视场角,目标物距为3D空间显示时采用的物距;根据第一视场角以及预先设置的图片宽高比,确定用于截取封面图片的第二视场角;根据第二视场角和目标物距,截取3D空间的部分图像,得到正方形图片,其中,正方形图片的面积大于待显示屏幕的面积;对正方形图片进行处理,获得与待显示屏幕的尺寸相匹配的封面图片;在待显示屏幕上显示封面图片。因此,本申请的实施例中,可以在加载3D空间的过程中显示与屏幕尺寸相匹配的封面图片,充分利用了屏幕的显示区域。
Description
技术领域
本申请涉及计算机技术领域,尤其涉及一种封面图片的显示方法、装置、电子设备及存储介质。
背景技术
目前3D技术逐渐成熟,并被应用至多个领域中。例如3D看房可以使得用户足不出户就可以享受现场看房体验。
其中,在某些情况下,在进入3D空间之前需要等待较长的加载时间。目前在3D空间加载过程中往往首先显示3D空间的封面图片,以使得用户可以在3D空间加载过程中观看封面图片来初步了解3D空间的内容。
然而,目前在3D空间加载过程中显示的封面图片往往与屏幕的尺寸不匹配,例如在宽屏幕中显示3D空间的封面图片时,封面图不能覆盖整个屏幕,导致屏幕两侧留有黑边,从而浪费了屏幕的显示区域。
由此可见,在现有技术中,在加载3D空间的过程中所显示的封面图片与屏幕尺寸不匹配,留有空闲区域,从而浪费了屏幕的显示区域。
发明内容
本申请实施例提供一种封面图片的显示方法、装置、电子设备及存储介质,以解决现有技术中,在加载3D空间的过程中所显示的封面图片与屏幕尺寸不匹配,留有空闲区域,从而浪费屏幕的显示区域的问题。
为了解决上述技术问题,本申请是这样实现的:
第一方面,本申请实施例提供了一种封面图片的显示方法,所述方法包括:
获取第一视场角和目标物距,其中,所述第一视场角为3D空间显示时采用的视场角,所述目标物距为所述3D空间显示时采用的物距;
根据所述第一视场角以及预先设置的图片宽高比,确定用于截取封面图片的第二视场角;
根据所述第二视场角和所述目标物距,截取所述3D空间的部分图像,得到正方形图片,其中,所述正方形图片的面积大于待显示屏幕的面积;
对所述正方形图片进行处理,获得与所述待显示屏幕的尺寸相匹配的封面图片;
在所述待显示屏幕上显示所述封面图片。
第二方面,本申请实施例另外提供了一种封面图片的显示装置,所述装置包括:
参数获取模块,用于获取第一视场角和目标物距,其中,所述第一视场角为3D空间显示时采用的视场角,所述目标物距为所述3D空间显示时采用的物距;
视场角确定模块,用于根据所述第一视场角以及预先设置的图片宽高比,确定用于截取封面图片的第二视场角;
图片截取模块,用于根据所述第二视场角和所述目标物距,截取所述3D空间的部分图像,得到正方形图片,其中,所述正方形图片的面积大于待显示屏幕的面积;
图片裁剪模块,用于对所述正方形图片进行处理,获得与所述待显示屏幕的尺寸相匹配的封面图片;
显示模块,用于在所述待显示屏幕上显示所述封面图片。
第三方面,本申请实施例另外提供了一种电子设备,包括:存储器、处理器及存储在所述存储器上并可在所述处理器上运行的计算机程序,所述计算机程序被所述处理器执行时实现如前第一方面所述的封面图片的显示方法的步骤。
第四方面,本申请实施例另外提供了一种计算机可读存储介质,所述计算机可读存储介质上存储有计算机程序,所述计算机程序被处理器执行时实现如前第一方面所述的封面图片的显示方法的步骤。
在本申请实施例中,能够获取3D空间显示时的第一视场角和目标物距,根据该第一视场角以及预先设置的图片宽高比,确定用于截取封面图片的第二视场角,从而根据第二视场角和目标物距,截取3D空间的部分图像,得到面积大于待显示屏幕的面积的正方形图片,进而可以对正方形图片进行处理,获得与待显示屏幕的尺寸相匹配的封面图片,并将获得的封面图片显示在待显示屏幕上。
由此可见,本申请的实施例中,并不是直接基于3D空间显示时的第一视场角和目标物距截取封面图片,而是利用预先设置的图片宽高比对第一视场角进行运算处理,从而获得可以截取较大范围的图像的第二视场角。即本申请的实施例中,通过第二视场角和目标物距截取的3D空间的图片的面积,大于通过第一视场角和目标物距截取的3D空间的图片的面积,因此,在将通过第二视场角和目标物距截取的3D空间的图片显示到待显示屏幕上之前,可以将该图片处理为与待显示屏幕的尺寸相匹配的封面图片。因此,本申请的实施例中,可以在加载3D空间的过程中显示与屏幕尺寸相匹配的封面图片,充分利用了屏幕的显示区域。
上述说明仅是本申请技术方案的概述,为了能够更清楚了解本申请的技术手段,而可依照说明书的内容予以实施,并且为了让本申请的上述和其它目的、特征和优点能够更明显易懂,以下特举本申请的具体实施方式。
附图说明
为了更清楚地说明本申请实施例的技术方案,下面将对本申请实施例的描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本申请的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。
图1是本申请实施例提供的一种封面图片的显示方法的步骤流程图;
图2是本申请实施例中的截取3D空间的图像的原理示意图;
图3是本申请实施例中的将正方形图片裁剪为第一图片的原理示意图;
图4是本申请实施例中的将第二图片裁剪为与手机屏幕的尺寸相匹配的封面图片的原理示意图;
图5是本申请实施例中的将第二图片裁剪为与电脑屏幕的尺寸相匹配的封面图片的原理示意图;
图6是本申请实施例提供的封面图片的显示装置的结构框图。
具体实施方式
下面将结合本申请实施例中的附图,对本申请实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例是本申请一部分实施例,而不是全部的实施例。基于本申请中的实施例,本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例,都属于本申请保护的范围。
本申请实施例的封面图片的显示方法可以运行于终端设备或者是服务器。其中,终端设备可以为本地终端设备。当该方法运行于为服务器时,可以为云展示。
在一可选的实施方式中,云展示是指以云计算为基础的信息展示方式。在云展示的运行模式下,信息处理程序的运行主体和信息画面呈现主体是分离的,显示切换方法的储存与运行是在云展示服务器上完成的,云展示客户端的作用为数据的接收、发送以及信息画面的呈现,举例而言,云展示客户端可以是靠近用户侧的具有数据传输功能的显示设备,如,移动终端、电视机、计算机、掌上电脑等;但是进行信息数据处理的终端设备为云端的云展示服务器。在进行浏览时,用户操作云展示客户端向云展示服务器发送操作指令,云展示服务器根据操作指令展示信息,将数据进行编码压缩,通过网络返回云展示客户端,最后,通过云展示客户端进行解码并输出小区实景图以及地标实景图。
在另一可选的实施方式中,终端设备可以为本地终端设备。本地终端设备存储有应用程序并用于呈现应用界面。本地终端设备用于通过图形用户界面与用户进行交互,即,常规的通过电子设备下载安装应用程序并运行。该本地终端设备将图形用户界面提供给用户的方式可以包括多种,例如,可以渲染显示在终端的显示屏上,或者,通过全息投影提供给用户。举例而言,本地终端设备可以包括显示屏和处理器,该显示屏用于呈现图形用户界面,该图形用户界面包括应用画面,该处理器用于运行该应用程序、生成图形用户界面以及控制图形用户界面在显示屏上的显示。
本申请提供了一种封面图片的显示方法,并不是直接基于3D空间显示时的第一视场角和目标物距截取封面图片,而是利用预先设置的图片宽高比对第一视场角进行运算处理,从而获得可以截取较大范围的图像的第二视场角。即本申请的实施例中,通过第二视场角和目标物距截取的3D空间的图片的面积,大于通过第一视场角和目标物距截取的3D空间的图片的面积,因此,在将通过第二视场角和目标物距截取的3D空间的图片显示到待显示屏幕上之前,可以将该图片处理为与待显示屏幕的尺寸相匹配的封面图片。因此,本申请的实施例中,可以在加载3D空间的过程中显示与屏幕尺寸相匹配的封面图片,充分利用了屏幕的显示区域。
参照图1,示出了本申请实施例中一种封面图片的显示方法的步骤流程图,该方法可以包括以下步骤101至105。
步骤101:获取第一视场角和目标物距。
其中,所述第一视场角为3D空间显示时采用的视场角,所述目标物距为所述3D空间显示时采用的物距。
本申请的实施例中,3D空间在显示时,需要根据视角、视场角和物距,截取该3D空间的图像,从而将截图的图像进行显示。例如图2所示,在视角确定的前提下,可以视场角∠BSA和物距|OS|,截取3D空间的图像,获得一个正方形图片。因此,本申请的实施例可以获取3D空间显示时的第一视场角和目标物距,从而根据第一视场角和预先设置的图片宽高比,确定用于截取封面图片的第二视场角,进而根据第二视场角和目标物距,截取3D空间的部分图像。
步骤102:根据所述第一视场角以及预先设置的图片宽高比,确定用于截取封面图片的第二视场角。
由步骤102可知,本申请的实施例中,需要利用预先设置的图片宽高比,对第一视场角进行运算处理。
步骤103:根据所述第二视场角和所述目标物距,截取所述3D空间的部分图像,得到正方形图片。
其中,所述正方形图片的面积大于待显示屏幕的面积。另外,由图2可知,视场角和物距的大小,决定了从3D空间上截取的图片的尺寸的大小。因此,本申请的实施例需要截取较大尺寸的正方形图片,则在物距不变的情况下,第二视场角大于第一视场角。
因此,本申请的实施例中,并不是直接基于3D空间显示时的第一视场角和目标物距截取封面图片,而是利用预先设置的图片宽高比对第一视场角进行运算处理,获得更大的第二视场角,从而可以根据第二视场角和目标物距截取更大尺寸的正方形图片,进而可以将正方形图片裁剪为与更多种屏幕尺寸匹配的封面图片。
可选的,预先设置的图片宽高比为2.5/1,从而可以适配多种尺寸的屏幕。即当预先设置的图片宽高比为2.5/1时,根据第二视场角截取的3D空间的部分图像,得到的正方形图片的尺寸大于多种屏幕的尺寸,从而可以将正方形图片裁剪为与多种屏幕的尺寸相匹配的封面图片。
步骤104:对所述正方形图片进行处理,获得与所述待显示屏幕的尺寸相匹配的封面图片。
步骤105:在所述待显示屏幕上显示所述封面图片。
由上述可知,在本申请实施例中,能够获取3D空间显示时的第一视场角和目标物距,根据该第一视场角以及预先设置的图片宽高比,确定用于截取封面图片的第二视场角,从而根据第二视场角和目标物距,截取3D空间的部分图像,得到面积大于待显示屏幕的面积的正方形图片,进而可以对正方形图片进行处理,获得与待显示屏幕的尺寸相匹配的封面图片,并将获得的封面图片显示在待显示屏幕上。
由此可见,本申请的实施例中,并不是直接基于3D空间显示时的第一视场角和目标物距截取封面图片,而是利用预先设置的图片宽高比对第一视场角进行运算处理,从而获得可以截取较大范围的图像的第二视场角。即本申请的实施例中,通过第二视场角和目标物距截取的3D空间的图片的面积,大于通过第一视场角和目标物距截取的3D空间的图片的面积,因此,在将通过第二视场角和目标物距截取的3D空间的图片显示到待显示屏幕上之前,可以将该图片处理为与待显示屏幕的尺寸相匹配的封面图片。因此,本申请的实施例中,可以在加载3D空间的过程中显示与屏幕尺寸相匹配的封面图片,充分利用了屏幕的显示区域。
可选的,所述根据所述第一视场角以及预先设置的图片宽高比,确定用于截取封面图片的第二视场角之前,所述方法还包括:
获取多组数据,其中一组所述数据包括图片宽高比、第一视场角和第二视场角;
根据所述多组数据,获取图片宽高比、第一视场角和第二视场角的关系式,其中,所述关系式为F2=arctan(e*tan(F1/2))*2,e表示图片宽高比,F1表示第一视场角,F2表示第二视场角;
所述根据所述第一视场角以及预先设置的图片宽高比,确定用于截取封面图片的第二视场角,包括:
将所述第一视场角和所述图片宽高比代入所述关系式中,获得所述第二视场角。
其中,可以采用拟合方法,根据所述多组数据,获取图片宽高比、第一视场角和第二视场角的关系式。
将上述关系式变形可得:tan(F2/2)/tan(F1/2)=e,而F1已知,则e越大,则F2越大。因此,增大e的取值,可以得到更大的F2,从而可以根据F2和目标物距,截取更大尺寸的正方形图片,进而可以将正方形图片裁剪为与更多种屏幕尺寸匹配的封面图片。
可选的,所述根据所述第二视场角和所述目标物距,截取所述3D空间的部分图像,得到正方形图片,包括:
根据所述第二视场角和所述目标物距,截取所述3D空间在目标视角的部分图像,得到所述正方形图片;
其中,所述目标视角为所述3D空间加载完成时的显示视角。
由此可见,本申请的实施例中,使用与3D空间加载完成时的显示视角一致的方向与第二视场角,截取正方形图片,从而使得正方形图片的内容属于3D空间加载完成后显示的内容中的一部分,亦即使得最终裁剪得到的与待显示屏幕的尺寸相匹配的封面图片的显示内容,属于3D空间加载完成后显示的内容的一部分,进而减少用户在视觉上的跳跃感,提升用户的浏览体验。
此外,还需说明的是,视场角与视角不同。在本申请的实施例中,视角决定图2中圆心O的位置,视场角为图2中的∠BSA,视场角和物距(即图2中圆心O与点S之间的距离)决定了图2中的正方形的面积大小。
可选的,所述对所述正方形图片进行处理,获得与所述待显示屏幕的尺寸相匹配的封面图片,包括:
根据第一预设公式H=(e-1)*w1/(2*e),计算第一参数H,其中,e表示所述图片宽高比,w1表示所述正方形图片的宽度;
分别以所述正方形图片的第一边和第二边为起始位置,并沿靠近第一对称轴的方向,裁剪H高度,得到第一图片,其中,所述第一对称轴为所述正方形图片的对称轴中与所述正方形图片的宽度方向平行的对称轴,所述第一边和所述第二边为所述正方形图片的四边中位于所述第一对称轴两侧的两个边;
将所述第一图片裁剪为与所述待显示屏幕的尺寸相匹配的封面图片。
即本申请的实施例中,计算出需要裁剪的高度(即第一参数H)之后,如图3所示,需要以第一边301为起始位置,沿靠近第一对称轴303的方向,裁剪掉H高度;并以第二边302为起始位置,沿靠近第一对称轴303的方向,裁剪掉H高度。亦即本申请的实施例中,需要将正方形图片的上下部分分别裁剪H高度。
其中,若第二视场角为图2中所示的∠BSA,且∠BSA的大小为ω,则可以根据公式tan(ω/2)=|AO|/|OS|,计算得到|AO|=|OS|*tan(ω/2),从而可以得到正方形202的边长其中,|OS|即为前述步骤101中获取的目标物距。由此可知,确定出第二视场角之后,可以根据第二视场角和目标物距,计算得到正方形图片的宽度。
在本申请实施例中,预先设置的图片宽高比即为第一图片的宽高比,因此,如图3所示,2H+y=w1,w1/y=e,因此,可以计算得到H=(e-1)*w1/(2*e)。即如图3所示斜线填充区域即为正方形图片中被裁剪掉的部分。
由此可知,在本申请的实施例中,获得正方形图片之后,可以进一步根据预先设置的图片宽高比,对正方形图片的高度进行裁剪,从而获得第一图片,进而将第一图片裁剪为与待显示屏幕的尺寸相匹配的封面图片。
可选的,所述将所述第一图片裁剪为与所述待显示屏幕的尺寸相匹配的封面图片,包括:
在第二参数大于预设值的情况下,将所述第一图片在高度方向上拉伸或者缩小,直到所述第二参数小于或等于所述预设值时,停止拉伸或缩小,获得第二图片,其中,所述第二参数为所述第一图片的高度与所述待显示屏幕的高度之差的绝对值;
根据第二预设公式W=(w1-w2)/2,计算第三参数W,其中,w1表示所述正方形图片的宽度,w2表示所述待显示屏幕的宽度;
分别以所述第二图片的第三边和第四边为起始位置,并沿靠近第二对称轴的方向,裁剪W宽度,得到与所述待显示屏幕的尺寸相匹配的封面图片,其中,所述第二对称轴为所述第二图片的对称轴中与所述第二图片的高度方向平行的对称轴,所述第三边和所述第四边为所述第二图片的四边中位于所述第二对称轴两侧的两个边。
此处需要说明的是,在第二参数小于或等于预设值的情况下,不需要将第一图片在高度方向上拉伸或缩小。
其中,前述第二参数大于预设值,表示第一图片的高度与待显示屏幕的高度相差较大,则需要对第一图片在高度方向上进行拉伸或者缩小,以使得第二参数小于或等于预设值,即使得拉伸或者缩小后得到的第二图片的高度与待显示屏幕的高度相差不大。
由上述可知,本申请的实施例中,获得第一图片之后,可以首先将第一图片在高度方向上进行处理,得到第二图片,以使得第二图片将待显示屏幕在高度方向上被填满,然后按照待显示屏幕在第二图片的居中位置的原则,根据待显示屏幕的宽度自动截取,即可获得与待显示屏幕的尺寸匹配的封面图片。
例如图4所示,待显示屏幕为手机屏幕401时,第二图片中被裁剪掉的部分可如图4中的斜线填充区域所示;如图5所示,待显示屏幕为电脑屏幕501时,第二图片中被裁剪掉的部分可如图5中的斜线填充区域所示。
即本申请的实施例中,计算出需要裁剪的宽度(即第三参数W)之后,如图4所示,需要以第三边402为起始位置,沿靠近第二对称轴404的方向,裁剪掉W宽度;并以第四边403为起始位置,沿靠近第二对称轴404的方向,裁剪掉W宽度。亦即本申请的实施例中,需要将第二图片的左右部分分别裁剪W宽度。
因此,本申请的实施例中,可以在加载3D空间的过程中显示与屏幕尺寸相匹配的封面图片,充分利用了屏幕的显示区域。
可选的,所述获取第一视场角和目标物距之前,所述方法还包括:
接收第一输入;
响应于所述第一输入,获取所述第一输入所输入的图片宽高比。
由此可见,本申请的实施例中,用户可以自行设置图片宽高比,从而可以使得最终裁剪得到的封面图片可以适用于更多尺寸的屏幕。
示例性的,本申请实施例的封面图片的显示方法的具体实施方式可如下步骤H1~H9所述:
步骤H1:获取3D空间显示时的第一视场角F1和目标物距;
步骤H2:根据第一预设公式F2=arctan(e*tan(F1/2))*2,计算用于截取封面图片的第二视场角F2,其中,e表示所述图片宽高比;
步骤H3:根据第二视场角和目标物距,截取3D空间在目标视角的部分图像,得到所述正方形图片,其中,目标视角为3D空间加载完成时的显示视角;
步骤H4:根据第一预设公式H=(e-1)*w1/(2*e),计算第一参数H,其中,w1表示所述正方形图片的宽度;
步骤H5:将所述正方形图片的上下部分分别裁剪H高度,得到第一图片;
步骤H6:将所述第一图片在高度方向上拉伸或者缩小,获得第二图片,从而使得第二图片可以将待显示屏幕的高度填满;
步骤H7:根据第二预设公式W=(w1-w2)/2,计算第三参数W,其中,w2表示待显示屏幕的宽度;
步骤H8:将所述第二图片的左右部分分别裁剪W宽度,得到与待显示屏幕的尺寸相匹配的封面图片;
步骤H9:在待显示屏幕上显示封面图片。
由此可知,本申请实施例的封面图片的显示方法可以在加载3D空间的过程中显示与屏幕尺寸相匹配的封面图片,充分利用了屏幕的显示区域,并且,封面图片的显示内容,属于3D空间加载完成后显示的内容的一部分,进而减少用户在视觉上的跳跃感,提升用户的浏览体验。
即本申请实施例的方面显示方法在不同分辨率屏幕下(手机、PC),加载封面图都能铺满屏幕且能够与加载完成的3D空间视角保持一致,提升了用户的浏览体验。
需要说明的是,对于方法实施例,为了简单描述,故将其都表述为一系列的动作组合,但是本领域技术人员应该知悉,本申请实施例并不受所描述的动作顺序的限制,因为依据本申请实施例,某些步骤可以采用其他顺序或者同时进行。其次,本领域技术人员也应该知悉,说明书中所描述的实施例均属于优选实施例,所涉及的动作并不一定是本申请实施例所必须的。
参照图6,示出了本申请实施例中一种封面图片的显示装置的结构框图,该封面图片的显示装置600可以包括以下模块:
参数获取模块601,用于获取第一视场角和目标物距,其中,所述第一视场角为3D空间显示时采用的视场角,所述目标物距为所述3D空间显示时采用的物距;
视场角确定模块602,用于根据所述第一视场角以及预先设置的图片宽高比,确定用于截取封面图片的第二视场角;
图片截取模块603,用于根据所述第二视场角和所述目标物距,截取所述3D空间的部分图像,得到正方形图片,其中,所述正方形图片的面积大于待显示屏幕的面积;
图片裁剪模块604,用于对所述正方形图片进行处理,获得与所述待显示屏幕的尺寸相匹配的封面图片;
显示模块605,用于在所述待显示屏幕上显示所述封面图片。
可选的,所述装置还包括:
数据获取模块,用于获取多组数据,其中一组所述数据包括图片宽高比、第一视场角和第二视场角;
关系式获取模块,用于根据所述多组数据,获取图片宽高比、第一视场角和第二视场角的关系式,其中,所述关系式为F2=arctan(e*tan(F1/2))*2,e表示图片宽高比,F1表示第一视场角,F2表示第二视场角;
所述视场角确定模块602具体用于:
将所述第一视场角和所述图片宽高比代入所述关系式中,获得所述第二视场角。
可选的,所述图片截取模块603具体用于:
根据所述第二视场角和所述目标物距,截取所述3D空间在目标视角的部分图像,得到所述正方形图片;
其中,所述目标视角为所述3D空间加载完成时的显示视角。
可选的,
所述图片裁剪模块604包括:
计算子模块,用于根据第一预设公式H=(e-1)*w1/(2*e),计算第一参数H,其中,e表示所述图片宽高比,w1表示所述正方形图片的宽度;
第一裁剪子模块,用于分别以所述正方形图片的第一边和第二边为起始位置,并沿靠近第一对称轴的方向,裁剪H高度,得到第一图片,其中,所述第一对称轴为所述正方形图片的对称轴中与所述正方形图片的宽度方向平行的对称轴,所述第一边和所述第二边为所述正方形图片的四边中位于所述第一对称轴两侧的两个边;
第二裁剪子模块,用于将所述第一图片裁剪为与所述待显示屏幕的尺寸相匹配的封面图片。
可选的,所述第二裁剪子模块具体用于:
在第二参数大于预设值的情况下,将所述第一图片在高度方向上拉伸或者缩小,直到所述第二参数小于或等于所述预设值时,停止拉伸或缩小,获得第二图片,其中,所述第二参数为所述第一图片的高度与所述待显示屏幕的高度之差的绝对值;
根据第二预设公式W=(w1-w2)/2,计算第三参数W,其中,w1表示所述正方形图片的宽度,w2表示所述待显示屏幕的宽度;
分别以所述第二图片的第三边和第四边为起始位置,并沿靠近第二对称轴的方向,裁剪W宽度,得到与所述待显示屏幕的尺寸相匹配的封面图片,其中,所述第二对称轴为所述第二图片的对称轴中与所述第二图片的高度方向平行的对称轴,所述第三边和所述第四边为所述第二图片的四边中位于所述第二对称轴两侧的两个边。
由上述可知,在本申请实施例中,能够获取3D空间显示时的第一视场角和目标物距,根据该第一视场角以及预先设置的图片宽高比,确定用于截取封面图片的第二视场角,从而根据第二视场角和目标物距,截取3D空间的部分图像,得到面积大于待显示屏幕的面积的正方形图片,进而可以对正方形图片进行处理,获得与待显示屏幕的尺寸相匹配的封面图片,并将获得的封面图片显示在待显示屏幕上。
由此可见,本申请的实施例中,并不是直接基于3D空间显示时的第一视场角和目标物距截取封面图片,而是利用预先设置的图片宽高比对第一视场角进行运算处理,从而获得可以截取较大范围的图像的第二视场角。即本申请的实施例中,通过第二视场角和目标物距截取的3D空间的图片的面积,大于通过第一视场角和目标物距截取的3D空间的图片的面积,因此,在将通过第二视场角和目标物距截取的3D空间的图片显示到待显示屏幕上之前,可以将该图片处理为与待显示屏幕的尺寸相匹配的封面图片。因此,本申请的实施例中,可以在加载3D空间的过程中显示与屏幕尺寸相匹配的封面图片,充分利用了屏幕的显示区域。
对于装置实施例而言,由于其与方法实施例基本相似,所以描述的比较简单,相关之处参见方法实施例的部分说明即可。
本申请实施例还提供了一种电子设备,包括:
一个或多个处理器;和
其上存储有指令的一个或多个机器可读介质,当由所述一个或多个处理器执行时,使得所述电子设备执行本申请实施例所述的方法。
本申请实施例还提供了一个或多个机器可读介质,其上存储有指令,当由一个或多个处理器执行时,使得所述处理器执行本申请实施例所述的方法。
本说明书中的各个实施例均采用递进的方式描述,每个实施例重点说明的都是与其他实施例的不同之处,各个实施例之间相同相似的部分互相参见即可。
本领域内的技术人员应明白,本申请实施例的实施例可提供为方法、装置、或计算机程序产品。因此,本申请实施例可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且,本申请实施例可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。
本申请实施例是参照根据本申请实施例的方法、终端设备(系统)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理终端设备的处理器以产生一个机器,使得通过计算机或其他可编程数据处理终端设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。
这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理终端设备以特定方式工作的计算机可读存储器中,使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品,该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。
这些计算机程序指令也可装载到计算机或其他可编程数据处理终端设备上,使得在计算机或其他可编程终端设备上执行一系列操作步骤以产生计算机实现的处理,从而在计算机或其他可编程终端设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。
尽管已描述了本申请实施例的优选实施例,但本领域内的技术人员一旦得知了基本创造性概念,则可对这些实施例做出另外的变更和修改。所以,所附权利要求意欲解释为包括优选实施例以及落入本申请实施例范围的所有变更和修改。
最后,还需要说明的是,在本文中,诸如第一和第二等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来,而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且,术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包括一系列要素的过程、方法、物品或者终端设备不仅包括那些要素,而且还包括没有明确列出的其他要素,或者是还包括为这种过程、方法、物品或者终端设备所固有的要素。在没有更多限制的情况下,由语句“包括一个……”限定的要素,并不排除在包括所述要素的过程、方法、物品或者终端设备中还存在另外的相同要素。
以上对本申请所提供的一种封面图片的显示方法及装置,进行了详细介绍,本文中应用了具体个例对本申请的原理及实施方式进行了阐述,以上实施例的说明只是用于帮助理解本申请的方法及其核心思想;同时,对于本领域的一般技术人员,依据本申请的思想,在具体实施方式及应用范围上均会有改变之处,综上所述,本说明书内容不应理解为对本申请的限制。
Claims (10)
1.一种封面图片的显示方法,其特征在于,所述方法包括:
获取第一视场角和目标物距,其中,所述第一视场角为3D空间显示时采用的视场角,所述目标物距为所述3D空间显示时采用的物距;
根据所述第一视场角以及预先设置的图片宽高比,确定用于截取封面图片的第二视场角;
根据所述第二视场角和所述目标物距,截取所述3D空间的部分图像,得到正方形图片,其中,所述正方形图片的面积大于待显示屏幕的面积;
对所述正方形图片进行处理,获得与所述待显示屏幕的尺寸相匹配的封面图片;
在所述待显示屏幕上显示所述封面图片;
所述根据所述第一视场角以及预先设置的图片宽高比,确定用于截取封面图片的第二视场角之前,所述方法还包括:
获取多组数据,其中一组所述数据包括图片宽高比、第一视场角和第二视场角;
根据所述多组数据,获取图片宽高比、第一视场角和第二视场角的关系式,其中,所述关系式为F2=arctan(e*tan(F1/2))*2,e表示图片宽高比,F1表示第一视场角,F2表示第二视场角;
所述根据所述第一视场角以及预先设置的图片宽高比,确定用于截取封面图片的第二视场角,包括:
将所述第一视场角和所述图片宽高比代入所述关系式中,获得所述第二视场角。
2.根据权利要求1所述的封面图片的显示方法,其特征在于,所述根据所述第二视场角和所述目标物距,截取所述3D空间的部分图像,得到正方形图片,包括:
根据所述第二视场角和所述目标物距,截取所述3D空间在目标视角的部分图像,得到所述正方形图片;
其中,所述目标视角为所述3D空间加载完成时的显示视角。
3.根据权利要求1所述的封面图片的显示方法,其特征在于,所述对所述正方形图片进行处理,获得与所述待显示屏幕的尺寸相匹配的封面图片,包括:
根据第一预设公式H=(e-1)*w1/(2*e),计算第一参数H,其中,e表示所述图片宽高比,w1表示所述正方形图片的宽度;
分别以所述正方形图片的第一边和第二边为起始位置,并沿靠近第一对称轴的方向,裁剪H高度,得到第一图片,其中,所述第一对称轴为所述正方形图片的对称轴中与所述正方形图片的宽度方向平行的对称轴,所述第一边和所述第二边为所述正方形图片的四边中位于所述第一对称轴两侧的两个边;
将所述第一图片裁剪为与所述待显示屏幕的尺寸相匹配的封面图片。
4.根据权利要求3所述的封面图片的显示方法,其特征在于,所述将所述第一图片裁剪为与所述待显示屏幕的尺寸相匹配的封面图片,包括:
在第二参数大于预设值的情况下,将所述第一图片在高度方向上拉伸或者缩小,直到所述第二参数小于或等于所述预设值时,停止拉伸或缩小,获得第二图片,其中,所述第二参数为所述第一图片的高度与所述待显示屏幕的高度之差的绝对值;
根据第二预设公式W=(w1-w2)/2,计算第三参数W,其中,w1表示所述正方形图片的宽度,w2表示所述待显示屏幕的宽度;
分别以所述第二图片的第三边和第四边为起始位置,并沿靠近第二对称轴的方向,裁剪W宽度,得到与所述待显示屏幕的尺寸相匹配的封面图片,其中,所述第二对称轴为所述第二图片的对称轴中与所述第二图片的高度方向平行的对称轴,所述第三边和所述第四边为所述第二图片的四边中位于所述第二对称轴两侧的两个边。
5.一种封面图片的显示装置,其特征在于,所述装置包括:
参数获取模块,用于获取第一视场角和目标物距,其中,所述第一视场角为3D空间显示时采用的视场角,所述目标物距为所述3D空间显示时采用的物距;
视场角确定模块,用于根据所述第一视场角以及预先设置的图片宽高比,确定用于截取封面图片的第二视场角;
图片截取模块,用于根据所述第二视场角和所述目标物距,截取所述3D空间的部分图像,得到正方形图片,其中,所述正方形图片的面积大于待显示屏幕的面积;
图片裁剪模块,用于对所述正方形图片进行处理,获得与所述待显示屏幕的尺寸相匹配的封面图片;
显示模块,用于在所述待显示屏幕上显示所述封面图片;
数据获取模块,用于获取多组数据,其中一组所述数据包括图片宽高比、第一视场角和第二视场角;
关系式获取模块,用于根据所述多组数据,获取图片宽高比、第一视场角和第二视场角的关系式,其中,所述关系式为F2=arctan(e*tan(F1/2))*2,e表示图片宽高比,F1表示第一视场角,F2表示第二视场角;
所述视场角确定模块具体用于:
将所述第一视场角和所述图片宽高比代入所述关系式中,获得所述第二视场角。
6.根据权利要求5所述的封面图片的显示装置,其特征在于,所述图片截取模块具体用于:
根据所述第二视场角和所述目标物距,截取所述3D空间在目标视角的部分图像,得到所述正方形图片;
其中,所述目标视角为所述3D空间加载完成时的显示视角。
7.根据权利要求5所述的封面图片的显示装置,其特征在于,所述图片裁剪模块包括:
计算子模块,用于根据第一预设公式H=(e-1)*w1/(2*e),计算第一参数H,其中,e表示所述图片宽高比,w1表示所述正方形图片的宽度;
第一裁剪子模块,用于分别以所述正方形图片的第一边和第二边为起始位置,并沿靠近第一对称轴的方向,裁剪H高度,得到第一图片,其中,所述第一对称轴为所述正方形图片的对称轴中与所述正方形图片的宽度方向平行的对称轴,所述第一边和所述第二边为所述正方形图片的四边中位于所述第一对称轴两侧的两个边;
第二裁剪子模块,用于将所述第一图片裁剪为与所述待显示屏幕的尺寸相匹配的封面图片。
8.根据权利要求7所述的封面图片的显示装置,其特征在于,所述第二裁剪子模块具体用于:
在第二参数大于预设值的情况下,将所述第一图片在高度方向上拉伸或者缩小,直到所述第二参数小于或等于所述预设值时,停止拉伸或缩小,获得第二图片,其中,所述第二参数为所述第一图片的高度与所述待显示屏幕的高度之差的绝对值;
根据第二预设公式W=(w1-w2)/2,计算第三参数W,其中,w1表示所述正方形图片的宽度,w2表示所述待显示屏幕的宽度;
分别以所述第二图片的第三边和第四边为起始位置,并沿靠近第二对称轴的方向,裁剪W宽度,得到与所述待显示屏幕的尺寸相匹配的封面图片,其中,所述第二对称轴为所述第二图片的对称轴中与所述第二图片的高度方向平行的对称轴,所述第三边和所述第四边为所述第二图片的四边中位于所述第二对称轴两侧的两个边。
9.一种电子设备,其特征在于,包括:存储器、处理器及存储在所述存储器上并可在所述处理器上运行的计算机程序,所述计算机程序被所述处理器执行时实现如权利要求1至4中任一项所述的封面图片的显示方法的步骤。
10.一种计算机可读存储介质,其特征在于,所述计算机可读存储介质上存储有计算机程序,所述计算机程序被处理器执行时实现如权利要求1至4中任一项所述的封面图片的显示方法的步骤。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202110297313.8A CN113126942B (zh) | 2021-03-19 | 2021-03-19 | 一种封面图片的显示方法、装置、电子设备及存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202110297313.8A CN113126942B (zh) | 2021-03-19 | 2021-03-19 | 一种封面图片的显示方法、装置、电子设备及存储介质 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN113126942A CN113126942A (zh) | 2021-07-16 |
CN113126942B true CN113126942B (zh) | 2024-04-30 |
Family
ID=76773663
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202110297313.8A Active CN113126942B (zh) | 2021-03-19 | 2021-03-19 | 一种封面图片的显示方法、装置、电子设备及存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN113126942B (zh) |
Families Citing this family (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN114092495B (zh) * | 2021-11-29 | 2023-01-31 | 阿里巴巴(中国)有限公司 | 图像展示方法、电子设备、存储介质 |
Citations (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US5502481A (en) * | 1992-11-16 | 1996-03-26 | Reveo, Inc. | Desktop-based projection display system for stereoscopic viewing of displayed imagery over a wide field of view |
CN108579083A (zh) * | 2018-04-27 | 2018-09-28 | 腾讯科技(深圳)有限公司 | 虚拟场景显示方法、装置、电子装置及存储介质 |
CN108958609A (zh) * | 2018-07-24 | 2018-12-07 | 百度在线网络技术(北京)有限公司 | 三维全景封面图的生成方法、装置、存储介质和终端设备 |
CN109002248A (zh) * | 2018-08-31 | 2018-12-14 | 歌尔科技有限公司 | Vr场景截图方法、设备及存储介质 |
CN110519540A (zh) * | 2019-08-29 | 2019-11-29 | 深圳市道通智能航空技术有限公司 | 一种图像处理方法、装置、设备及存储介质 |
CN110602475A (zh) * | 2019-05-29 | 2019-12-20 | 珠海全志科技股份有限公司 | 提高图像质量的方法及装置、vr显示设备及控制方法 |
-
2021
- 2021-03-19 CN CN202110297313.8A patent/CN113126942B/zh active Active
Patent Citations (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US5502481A (en) * | 1992-11-16 | 1996-03-26 | Reveo, Inc. | Desktop-based projection display system for stereoscopic viewing of displayed imagery over a wide field of view |
CN108579083A (zh) * | 2018-04-27 | 2018-09-28 | 腾讯科技(深圳)有限公司 | 虚拟场景显示方法、装置、电子装置及存储介质 |
CN108958609A (zh) * | 2018-07-24 | 2018-12-07 | 百度在线网络技术(北京)有限公司 | 三维全景封面图的生成方法、装置、存储介质和终端设备 |
CN109002248A (zh) * | 2018-08-31 | 2018-12-14 | 歌尔科技有限公司 | Vr场景截图方法、设备及存储介质 |
CN110602475A (zh) * | 2019-05-29 | 2019-12-20 | 珠海全志科技股份有限公司 | 提高图像质量的方法及装置、vr显示设备及控制方法 |
CN110519540A (zh) * | 2019-08-29 | 2019-11-29 | 深圳市道通智能航空技术有限公司 | 一种图像处理方法、装置、设备及存储介质 |
Non-Patent Citations (2)
Title |
---|
EyesMap 3D图像建模技术在建筑物测绘中的应用;王东波;黄鹤;丁克良;夏亮;翁福州;;内蒙古科技与经济;20170331(06);全文 * |
Optimization of image quality in photoacoustic tomography using spatial projection data;Nuster, R et al.;PHOTONS PLUS ULTRASOUND: IMAGING AND SENSING 2019;20190919;全文 * |
Also Published As
Publication number | Publication date |
---|---|
CN113126942A (zh) | 2021-07-16 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN112333523B (zh) | 呈现覆盖视频的方法和系统 | |
US10554803B2 (en) | Method and apparatus for generating unlocking interface, and electronic device | |
US11450044B2 (en) | Creating and displaying multi-layered augemented reality | |
US20160301868A1 (en) | Automated generation of panning shots | |
EP3058451B1 (en) | Techniques for navigation among multiple images | |
KR101620933B1 (ko) | 제스쳐 인식 메커니즘을 제공하는 방법 및 장치 | |
US20220328019A1 (en) | Display terminal adjustment method and display terminal | |
CN111552530A (zh) | 用户界面的终端屏幕适配方法、装置及设备 | |
CN112068751A (zh) | 一种房源的展示方法和装置 | |
KR20150097987A (ko) | 이미지를 처리하기 위한 전자 장치 및 방법 | |
CN112581632B (zh) | 一种房源数据的处理方法和装置 | |
CN108805799B (zh) | 全景图像合成装置、方法及计算机可读存储介质 | |
CN113538502A (zh) | 图片裁剪方法、装置、电子设备及存储介质 | |
WO2023093279A1 (zh) | 图像处理方法、装置、设备、存储介质及计算机程序产品 | |
CN113126942B (zh) | 一种封面图片的显示方法、装置、电子设备及存储介质 | |
CN110266926B (zh) | 图像处理方法、装置、移动终端以及存储介质 | |
CN112870714B (zh) | 一种地图的显示方法和装置 | |
CN110548289B (zh) | 一种三维控件显示的方法和装置 | |
CN109766530B (zh) | 图表边框的生成方法、装置、存储介质和电子设备 | |
CN113822978B (zh) | 电子地图渲染方法及装置 | |
CN105898030B (zh) | 一种图片处理方法、装置及手机 | |
EP4020159A1 (en) | Image processing method and apparatus, and content sharing method and device | |
CN114627000A (zh) | 图像处理方法、装置和电子设备 | |
CN114004953A (zh) | 现实增强画面的实现方法、系统及云端服务器 | |
CN116719466B (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 |