CN110599564A - 图像展示方法、装置、计算机设备和存储介质 - Google Patents
图像展示方法、装置、计算机设备和存储介质 Download PDFInfo
- Publication number
- CN110599564A CN110599564A CN201910887697.1A CN201910887697A CN110599564A CN 110599564 A CN110599564 A CN 110599564A CN 201910887697 A CN201910887697 A CN 201910887697A CN 110599564 A CN110599564 A CN 110599564A
- Authority
- CN
- China
- Prior art keywords
- image
- panoramic image
- display interface
- target panoramic
- displayed
- 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 41
- 238000004590 computer program Methods 0.000 claims description 25
- 239000011159 matrix material Substances 0.000 claims description 25
- 230000009466 transformation Effects 0.000 claims description 16
- 238000009877 rendering Methods 0.000 claims description 2
- 230000036316 preload Effects 0.000 abstract description 4
- 238000013507 mapping Methods 0.000 description 15
- 238000010586 diagram Methods 0.000 description 7
- 230000000694 effects Effects 0.000 description 6
- 238000005516 engineering process Methods 0.000 description 5
- 230000008569 process Effects 0.000 description 4
- 230000003321 amplification Effects 0.000 description 2
- 238000004364 calculation method Methods 0.000 description 2
- 238000005286 illumination Methods 0.000 description 2
- 238000003199 nucleic acid amplification method Methods 0.000 description 2
- 238000012545 processing Methods 0.000 description 2
- 230000001360 synchronised effect Effects 0.000 description 2
- 230000001131 transforming effect Effects 0.000 description 2
- 238000013519 translation Methods 0.000 description 2
- 238000006243 chemical reaction Methods 0.000 description 1
- 238000013461 design Methods 0.000 description 1
- 238000011161 development Methods 0.000 description 1
- 230000006870 function Effects 0.000 description 1
- 239000004973 liquid crystal related substance Substances 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 230000003068 static effect Effects 0.000 description 1
- 230000000007 visual effect Effects 0.000 description 1
- 238000012800 visualization Methods 0.000 description 1
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T11/00—2D [Two Dimensional] image generation
- G06T11/001—Texturing; Colouring; Generation of texture or colour
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T15/00—3D [Three Dimensional] image rendering
- G06T15/04—Texture mapping
Landscapes
- Engineering & Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Theoretical Computer Science (AREA)
- Computer Graphics (AREA)
- Controls And Circuits For Display Device (AREA)
Abstract
本申请涉及一种图像展示方法、装置、计算机设备和存储介质，用于展示高清全景图像。所述方法包括：获取待展示图像；创建展示界面，在展示界面中绘制矩形框，并在所述矩形框中创建二维纹理,将所述目标全景图像绑定所述二维纹理，展示在所述展示界面中；接收用户指令；基于所述用户指令调整所述展示界面中的目标全景图像目标全景图像。上述图像展示方法、装置、计算机设备和存储介质，使得在全景图像展示时可以展示高分辨率的目标全景图像，同时用户可以通过拖拽、缩放的操作观察图像细节，且开放图形库(Open Graphics Library，OpenGL)系统可以预先加载待展示图像，不会因为图像分辨率过高影响运行速度，图像展示效率较高。
Description
技术领域
本申请涉及图像处理技术领域，特别是涉及一种图像展示方法、装置、计算机设备和存储介质。
背景技术
随着移动互联网的兴起，人们更倾向于通过网络来浏览信息和传递信息，但是对于车辆这种贵重的商品，人们往往会需要对其进行全面细节的了解，特别是对于汽车来说，单纯的几张照片是不能让用户对这辆车的质量放心的，所以近年来车辆相关的网站在展示汽车详情时，都会添加360全景展示，来对整个车进行全方位整体的展示，让用户可以完整的看到整个汽车的情况。
传统的车辆外观全景展示基本都是通过Web技术来实现，但是由于拍摄的原因，一般车辆都只占整个全景图像的一部分，同时，由于Web技术原因，目标全景图像的分辨率若是太高，则会影响Web的运行速度，导致图像展示效率较低，因此目标全景图像的分辨率往往较低，无法通过放大来观察细节。
发明内容
基于此，有必要针对由于Web技术原因，目标全景图像的分辨率若是太高，则会影响Web的运行速度，导致图像展示效率较低，因此目标全景图像的分辨率往往较低，无法通过放大来观察细节的技术问题，提供一种图像展示方法、装置、计算机设备和存储介质。
一种图像展示方法，用于移动端展示高清全景图像，所述方法包括：
获取待展示图像；
将所述待展示图像输入图形变换模型，得到目标全景图像；
创建展示界面，在展示界面中绘制矩形框，并在所述矩形框中创建二维纹理；
将所述目标全景图像绑定所述二维纹理，展示在所述展示界面中；
接收用户指令；
基于所述用户指令调整所述展示界面中的目标全景图像。
在其中一个实施例中，所述将所述目标全景图像绑定所述二维纹理，展示在所述展示界面中包括：
将目标全景图像中的初始图像绑定所述二维纹理，展示在所述展示界面中。
在其中一个实施例中，所述将所述目标全景图像绑定所述二维纹理，展示在所述展示界面中之前还包括：
基于展示界面的宽高大小创建正交投影矩阵，所述正交投影矩阵用于调节所述矩形框的坐标。
在其中一个实施例中，所述将所述目标全景图像绑定所述二维纹理，展示在所述展示界面中还包括：
基于图像大小和展示界面的大小调整初始图像的宽高比，并将调整后的初始图像展示在展示界面中。
在其中一个实施例中，所述基于所述用户指令调整所述展示界面中的目标全景图像包括：
基于拖拽指令获取拖拽方向与拖拽距离，获取所述待展示图像中各张全景图像的宽度，并根据所述拖拽方向、所述拖拽距离和所述各张全景图像的宽度确定目标切换图像，将所述目标切换图像作为目标全景图像展示在展示界面中。
在其中一个实施例中，所述基于所述用户指令调整所述展示界面中的目标全景图像包括：
基于缩放指令获取缩放比和缩放中心点，并根据缩放比和缩放中心点缩放目标全景图像。
在其中一个实施例中，所述将所述待展示图像输入图形变换模型，得到目标全景图像包括：
将所述待展示图像输入开放图形库系统，得到目标全景图像。
一种图像展示装置，所述装置包括：
获取模块，用于获取待展示图像；
输入模块，用于将所述待展示图像输入图形变换模型，得到目标全景图像；
创建模块，用于创建展示界面，在展示界面中绘制矩形框，并在所述矩形框中创建二维纹理；
展示模块，将所述目标全景图像绑定所述二维纹理，展示在所述展示界面中；
接收模块，用于接收用户指令；
调整模块，用于基于所述用户指令调整展示界面中的目标全景图像。
一种计算机设备，包括存储器和处理器，所述存储器存储有计算机程序，所述处理器执行所述计算机程序时实现以下步骤：
获取待展示图像；
将所述待展示图像输入图形变换模型，得到目标全景图像；
创建展示界面，在展示界面中绘制矩形框，并在所述矩形框中创建二维纹理；
将所述目标全景图像绑定所述二维纹理，展示在所述展示界面中；
接收用户指令；
基于所述用户指令调整所述展示界面中的目标全景图像。
一种计算机可读存储介质，其上存储有计算机程序，所述计算机程序被处理器执行时实现以下步骤：
获取待展示图像；
将所述待展示图像输入图形变换模型，得到目标全景图像；
创建展示界面，在展示界面中绘制矩形框，并在所述矩形框中创建二维纹理；
将所述目标全景图像绑定所述二维纹理，展示在所述展示界面中；
接收用户指令；
基于所述用户指令调整所述展示界面中的目标全景图像。
上述图像展示方法、装置、计算机设备和存储介质，通过获取待展示图像，将所述待展示图像输入图形变换模型，得到目标全景图像，创建展示界面，在展示界面中绘制矩形框，并在所述矩形框中创建二维纹理,将所述待展示图像转换为二维纹理并展示在所述展示界面中，接收用户指令，基于所述用户指令调整所述展示界面中的目标全景图像目标全景图像的方法，使得在移动端全景图像展示时可以展示高分辨率的目标全景图像，同时用户可以通过拖拽、缩放的操作观察图像细节，且开放图形库(Open Graphics Library，OpenGL)系统可以预先加载待展示图像，不会因为图像分辨率过高影响运行速度，图像展示效率较高。
附图说明
图1为本发明一实施例的图像展示方法的流程示意图；
图2为本发明另一实施例的图像展示方法的流程示意图；
图3为本发明一实施例的图像展示装置的结构框图；
图4为本发明另一实施例的图像展示装置的结构框图；
图5为一个实施例中计算机设备的内部结构图。
具体实施方式
为了使本申请的目的、技术方案及优点更加清楚明白，以下结合附图及实施例，对本申请进行进一步详细说明。应当理解，此处描述的具体实施例仅仅用以解释本申请，并不用于限定本申请。
请参阅图1，图1为本发明一实施例的图像展示方法的示意图，所述图像展示方法用于移动端展示高清全景图像。
在本实施例中，所述图像展示方法包括：
步骤100，获取待展示图像。
可以理解的，所述待展示图像包括待展示产品的全景图像，即从多个角度拍摄的待展示产品的图像。具体地，所述待展示图像为高分辨率的图像。具体地，所述待展示产品可以为二手车。
步骤110，将所述待展示图像输入图形变换模型，得到目标全景图像。
示例性地，将所述待展示图像输入开放图形库系统，得到目标全景图像。
开放图形库(Open Graphics Library，OpenGL)是用于渲染2D、3D矢量图形的跨语言、跨平台的应用程序编程接口(API)。这个接口由近350个不同的函数调用组成，用来绘制从简单的图形比特到复杂的三维景象。而另一种程序接口系统是仅用于MicrosoftWindows上的Direct3D。OpenGL常用于CAD、虚拟现实、科学可视化程序和电子游戏开发。
步骤120，创建展示界面，在展示界面中绘制矩形框，并在所述矩形框中创建二维纹理。
纹理映射(Texture Mapping)，又称纹理贴图，是将纹理空间中的纹理像素映射到屏幕空间中的像素的过程。简单来说，就是把一幅图像贴到三维物体的表面上来增强真实感，可以和光照计算、图像混合等技术结合起来形成许多非常漂亮的效果。用纹理，将物体表面的细节映射到建模好的物体表面，这样不仅能使渲染的模型表面细节更丰富，而且比较方便高效。纹理映射就是这样一种方法，在程序中通过为物体指定纹理坐标，通过纹理坐标获取纹理对象中的纹理，最终显示在屏幕区域上，以达到更加逼真的效果。即将原始图像转化为纹理，映射到展示界面建模好的物体表面，以形成展示图像。
步骤130，将所述目标全景图像绑定所述二维纹理，展示在所述展示界面中。
示例性地，将所述目标全景图像绑定所述二维纹理即将目标全景图像贴在展示界面的二维纹理上。
步骤140，接收用户指令。
示例性地，所述用户指令包括拖拽或缩放，拖拽指令包括拖拽方向以及拖拽距离，所述缩放指令包括缩放比例以及缩放中心点。
步骤150，基于所述用户指令调整所述展示界面中的目标全景图像目标全景图像。
具体地，基于所述拖拽指令切换对应的目标全景图像，基于所述缩放指令缩放对应的目标全景图像。
上述图像展示方法，通过获取待展示图像，将所述待展示图像输入图形变换模型，得到目标全景图像，创建展示界面，在展示界面中绘制矩形框，并在所述矩形框中创建二维纹理,将所述目标全景图像绑定所述二维纹理，展示在所述展示界面中，接收用户指令，基于所述用户指令调整所述展示界面中的目标全景图像目标全景图像，使得在全景图像展示时可以展示高分辨率的目标全景图像，同时用户可以通过拖拽、缩放的操作观察图像细节，且开放图形库(Open Graphics Library，OpenGL)系统可以预先加载待展示图像，不会因为图像分辨率过高影响运行速度，图像展示效率较高。
请参阅图2，图2为本发明另一实施例的图像展示方法的示意图。
在本实施例中，所述图像展示方法包括：
步骤200，获取待展示图像。
可以理解的，所述待展示图像包括待展示产品的全景图像，即从多个角度拍摄的待展示产品的图像。具体地，所述待展示图像为高分辨率的图像。具体地，所述待展示产品可以为二手车。
步骤210，将所述待展示图像输入图形变换模型，得到目标全景图像。
示例性地，将所述待展示图像输入开放图形库系统，得到目标全景图像。
具体地，所述将所述待展示图像输入开放图形库系统，得到目标全景图像包括在图形处理器(GPU)中得到目标全景图像。
图形处理器(英语：Graphics Processing Unit，缩写：GPU)，又称显示核心、视觉处理器、显示芯片，是一种专门在个人电脑、工作站、游戏机和一些移动设备(如平板电脑、智能手机等)上图像运算工作的微处理器。
用途是将计算机系统所需要的显示信息进行转换驱动，并向显示器提供行扫描信号，控制显示器的正确显示，是连接显示器和个人电脑主板的重要元件，也是“人机对话”的重要设备之一。显卡作为电脑主机里的一个重要组成部分，承担输出显示图形的任务，对于从事专业图形设计的人来说显卡非常重要。
步骤220，创建展示界面，在展示界面中绘制矩形框，并在所述矩形框中创建二维纹理。
示例性地，创建一个用于展示的界面，并在展示界面中绘制一个和展示界面相同大小的矩形，创建一个二维纹理，将纹理贴在创建的矩形上。纹理映射(Texture Mapping)，又称纹理贴图，是将纹理空间中的纹理像素映射到屏幕空间中的像素的过程。简单来说，就是把一幅图像贴到三维物体的表面上来增强真实感，可以和光照计算、图像混合等技术结合起来形成许多非常漂亮的效果。用纹理，将物体表面的细节映射到建模好的物体表面，这样不仅能使渲染的模型表面细节更丰富，而且比较方便高效。纹理映射就是这样一种方法，在程序中通过为物体指定纹理坐标，通过纹理坐标获取纹理对象中的纹理，最终显示在屏幕区域上，以达到更加逼真的效果。即将原始图像转化为纹理，映射到展示界面建模好的物体表面，以形成展示图像。
步骤230，基于展示界面的宽高大小创建正交投影矩阵，所述正交投影矩阵用于调节所述矩形框的坐标。
具体地，为了让目标全景图像能够适应不同大小的屏幕，根据展示界面的宽高大小创建一个正交投影矩阵，这个矩阵会把屏幕的当前方向计算在内。首先，计算宽高比，即将宽高中的较大值除以较小值。在横屏模式下，扩展宽度的坐标，以达到在横竖屏上都正常显示的效果。将宽高比代入所述正交投影矩阵，并将所述正交投影矩阵作为二维纹理映射，即所述矩形框的输入矩阵，进行计算，对所述矩形框的坐标进行变换，即可使所述目标全景图像与展示界面契合。
步骤240，将所述目标全景图像绑定所述二维纹理，展示在所述展示界面中。
示例性地，所述将所述目标全景图像绑定所述二维纹理，展示在所述展示界面中之前还包括加载待展示图像，其中，所述待展示图像包括多张全景图像；即将所有待展示图像进行加载，以进行展示。
在本实施例中，所述将所述目标全景图像绑定所述二维纹理，展示在所述展示界面中包括将目标全景图像中的初始图像绑定所述二维纹理，展示在所述展示界面中。
可以理解的，所述初始图像可以为待展示产品的主视图，也可以为其它角度的图像，可以根据实际情况设定。
可以理解的，其他目标全景图像也通过二维纹理映射的方式展示在展示界面中。
在本实施例中，所述将所述目标全景图像绑定所述二维纹理，展示在所述展示界面中还包括基于图像大小和展示界面的大小调整初始图像的宽高比，并将调整后的初始图像展示在展示界面中。具体地，为了让目标全景图像能够适应不同大小的屏幕，根据展示界面的宽高大小创建一个正交投影矩阵，这个矩阵会把屏幕的当前方向计算在内。首先，计算宽高比，即将宽高中的较大值除以较小值。在横屏模式下，扩展宽度的坐标，以达到在横竖屏上都正常显示的效果。将宽高比代入所述正交投影矩阵，并将所述正交投影矩阵作为二维纹理映射，即所述矩形框的输入矩阵，进行计算，对所述矩形框的坐标进行变换，即可使所述目标全景图像与展示界面契合。
可以理解的，其他目标全景图像也经过宽高比调整后展示在展示界面中。
步骤250，接收用户指令。
可以理解的，所述用户指令包括拖拽或缩放。
示例性地，所述用户指令还可以包括其他指令，只需预先设定即可。
示例性地，拖拽指令包括拖拽方向以及拖拽距离，所述缩放指令包括缩放比例以及缩放中心点。
可以理解的，所述拖拽指令可以通过用户手指在显示装置上滑动发出，也可以通过输入文字指令或其他指令输入方式发出，所述缩放指令可以通过用户双指在显示装置上移动发出，也可以通过输入文字指令或其他指令输入方式发出。
步骤260，基于所述用户指令调整所述展示界面中的目标全景图像目标全景图像。
示例性地，所述接收用户指令，所述用户指令包括拖拽或缩放包括基于拖拽指令获取拖拽方向与拖拽距离，获取所述待展示图像中各张全景图像的宽度，并根据所述拖拽方向、所述拖拽距离和所述各张全景图像的宽度确定目标切换图像，将所述目标切换图像作为目标全景图像展示在展示界面中。可以理解的，获取用户手指在屏幕上拖拽的指令，根据屏幕的总宽度除以展示图片的总张数，计算每一张展示图片对应的宽度，然后根据用户手指在屏幕上滑动的距离，计算展示图片的切换张数。比如当前是第一张图片，如果用户滑动的距离计算出来是2张图片的宽度，则切换到第三张图片。具体地，上述情况为拖拽方向为正方向时的切换方式，若拖拽方向为负方向，则反向切换所述目标全景图像即可。
在本实施例中，若切换到最后一张展示图片后用户仍继续向正方向拖拽，则切换到第一张图片重新展示。
示例性地，所述基于所述用户指令调整所述展示界面中的目标全景图像目标全景图像还包括基于缩放指令计算缩放比和缩放中心点，并根据缩放比和缩放中心点缩放目标全景图像。可以理解的，获取用户双指在屏幕上移动的比例，以及双指之间的中心点，计算出当前图片的缩放比和缩放中心点，根据缩放比计算出缩放中心点平移的距离，即获取当前缩放中心点的位置，计算出缩放后该缩放中心点的位置，得出两个位置变动的距离，并将计算出的缩放比和平移距离设置给所述正交投影矩阵，重新计算，并基于重新计算的结果输出纹理，即可得到缩放后的目标全景图像。
在其它实施例中，所述用户指令可以包括其他指令，所述目标全景图像可以根据其他用户指令进行调整，只需预先设定即可。
应该理解的是，虽然图1-2的流程图中的各个步骤按照箭头的指示依次显示，但是这些步骤并不是必然按照箭头指示的顺序依次执行。除非本文中有明确的说明，这些步骤的执行并没有严格的顺序限制，这些步骤可以以其它的顺序执行。而且，图1-2中的至少一部分步骤可以包括多个子步骤或者多个阶段，这些子步骤或者阶段并不必然是在同一时刻执行完成，而是可以在不同的时刻执行，这些子步骤或者阶段的执行顺序也不必然是依次进行，而是可以与其它步骤或者其它步骤的子步骤或者阶段的至少一部分轮流或者交替地执行。
在一个实施例中，如图3所示，提供了一种图像展示装置，用于展示高清全景图像，包括：获取模块300、输入模块310、创建模块320、展示模块330、接收模块340和调整模块350，其中：
获取模块300，用于获取待展示图像。
输入模块310，用于将所述待展示图像输入图形变换模型，得到目标全景图像。
创建模块320，用于创建展示界面，在展示界面中绘制矩形框，并在所述矩形框中创建二维纹理。
展示模块330，将所述目标全景图像绑定所述二维纹理，展示在所述展示界面中。
接收模块340，用于接收用户指令。
调整模块350，用于基于所述用户指令调整展示界面中的目标全景图像。
调整模块350，还用于基于拖拽指令获取拖拽方向与拖拽距离，获取所述待展示图像中各张全景图像的宽度，并根据所述拖拽方向、所述拖拽距离和所述各张全景图像的宽度确定目标切换图像，将所述目标切换图像作为目标全景图像展示在展示界面中。
调整模块350，还用于基于缩放指令获取缩放比和缩放中心点，并根据缩放比和缩放中心点缩放目标全景图像。
在一个实施例中，如图4所示，提供了另一种图像展示装置，用于展示高清全景图像，包括：获取模块300、输入模块310、创建模块320、矩阵建立模块360、展示模块330、接收模块340和调整模块350，其中：
获取模块300，用于获取待展示图像。
输入模块310，用于将所述待展示图像输入图形变换模型，得到目标全景图像。
创建模块320，用于创建展示界面，在展示界面中绘制矩形框，并在所述矩形框中创建二维纹理。
矩阵建立模块360，用于基于展示界面的宽高大小创建正交投影矩阵，所述正交投影矩阵用于调节所述矩形框的坐标。
展示模块330，用于将待展示图像中的初始图像转换为二维纹理并展示在所述展示界面中。
展示模块330，还用于基于图像大小和展示界面的大小调整图像宽高比，并将调整后的图像展示在展示界面中。
接收模块340，用于接收用户指令。
调整模块350，用于基于所述用户指令调整展示界面的目标全景图像。
调整模块350，还用于基于拖拽指令获取拖拽方向与拖拽距离，获取所述待展示图像中各张全景图像的宽度，并根据所述拖拽方向、所述拖拽距离和所述各张全景图像的宽度确定目标切换图像，将所述目标切换图像作为目标全景图像展示在展示界面中。
调整模块350，还用于基于缩放指令获取缩放比和缩放中心点，并根据缩放比和缩放中心点缩放目标全景图像。
关于图像展示装置的具体限定可以参见上文中对于图像展示方法的限定，在此不再赘述。上述图像展示装置中的各个模块可全部或部分通过软件、硬件及其组合来实现。上述各模块可以硬件形式内嵌于或独立于计算机设备中的处理器中，也可以以软件形式存储于计算机设备中的存储器中，以便于处理器调用执行以上各个模块对应的操作。
在一个实施例中，提供了一种计算机设备，该计算机设备可以是终端，其内部结构图可以如图5所示。该计算机设备包括通过系统总线连接的处理器、存储器、网络接口、显示屏和输入装置。其中，该计算机设备的处理器用于提供计算和控制能力。该计算机设备的存储器包括非易失性存储介质、内存储器。该非易失性存储介质存储有操作系统和计算机程序。该内存储器为非易失性存储介质中的操作系统和计算机程序的运行提供环境。该计算机设备的网络接口用于与外部的终端通过网络连接通信。该计算机程序被处理器执行时以实现一种图像展示方法。该计算机设备的显示屏可以是液晶显示屏或者电子墨水显示屏，该计算机设备的输入装置可以是显示屏上覆盖的触摸层，也可以是计算机设备外壳上设置的按键、轨迹球或触控板，还可以是外接的键盘、触控板或鼠标等。
本领域技术人员可以理解，图5中示出的结构，仅仅是与本申请方案相关的部分结构的框图，并不构成对本申请方案所应用于其上的计算机设备的限定，具体的计算机设备可以包括比图中所示更多或更少的部件，或者组合某些部件，或者具有不同的部件布置。
在一个实施例中，提供了一种计算机设备，包括存储器和处理器，存储器中存储有计算机程序，该处理器执行计算机程序时实现以下步骤：
获取待展示图像；
将所述待展示图像输入图形变换模型，得到目标全景图像；
创建展示界面，在展示界面中绘制矩形框，并在所述矩形框中创建二维纹理；
将所述目标全景图像绑定所述二维纹理，展示在所述展示界面中；
接收用户指令；
基于所述用户指令调整所述展示界面中的目标全景图像。
在一个实施例中，处理器执行计算机程序时还实现以下步骤：
将目标全景图像中的初始图像绑定所述二维纹理，展示在所述展示界面中。在一个实施例中，处理器执行计算机程序时还实现以下步骤：
基于展示界面的宽高大小创建正交投影矩阵，所述正交投影矩阵用于调节所述矩形框的坐标。
在一个实施例中，处理器执行计算机程序时还实现以下步骤：
基于图像大小和展示界面的大小调整初始图像的宽高比，并将调整后的初始图像展示在展示界面中。
在一个实施例中，处理器执行计算机程序时还实现以下步骤：
基于拖拽指令获取拖拽方向与拖拽距离，获取所述待展示图像中各张全景图像的宽度，并根据所述拖拽方向、所述拖拽距离和所述各张全景图像的宽度确定目标切换图像，将所述目标切换图像作为目标全景图像展示在展示界面中。
在一个实施例中，处理器执行计算机程序时还实现以下步骤：
基于缩放指令获取缩放比和缩放中心点，并根据缩放比和缩放中心点缩放目标全景图像。
在一个实施例中，处理器执行计算机程序时还实现以下步骤：
将所述待展示图像输入开放图形库系统，得到目标全景图像。
在一个实施例中，提供了一种计算机可读存储介质，其上存储有计算机程序，计算机程序被处理器执行时实现以下步骤：
获取待展示图像；
将所述待展示图像输入图形变换模型，得到目标全景图像；
创建展示界面，在展示界面中绘制矩形框，并在所述矩形框中创建二维纹理；
将所述目标全景图像绑定所述二维纹理，展示在所述展示界面中；
接收用户指令；
基于所述用户指令调整所述展示界面中的目标全景图像。
在一个实施例中，计算机程序被处理器执行时还实现以下步骤：
将目标全景图像中的初始图像绑定所述二维纹理，展示在所述展示界面中。
在一个实施例中，计算机程序被处理器执行时还实现以下步骤：
基于展示界面的宽高大小创建正交投影矩阵，所述正交投影矩阵用于调节所述矩形框的坐标。
在一个实施例中，计算机程序被处理器执行时还实现以下步骤：
基于图像大小和展示界面的大小调整初始图像的宽高比，并将调整后的初始图像展示在展示界面中。
在一个实施例中，计算机程序被处理器执行时还实现以下步骤：
基于拖拽指令获取拖拽方向与拖拽距离，获取所述待展示图像中各张全景图像的宽度，并根据所述拖拽方向、所述拖拽距离和所述各张全景图像的宽度确定目标切换图像，将所述目标切换图像作为目标全景图像展示在展示界面中。
在一个实施例中，计算机程序被处理器执行时还实现以下步骤：
基于缩放指令获取缩放比和缩放中心点，并根据缩放比和缩放中心点缩放目标全景图像。
在一个实施例中，计算机程序被处理器执行时还实现以下步骤：
将所述待展示图像输入开放图形库系统，得到目标全景图像。
上述图像展示方法、装置、计算机设备和存储介质，通过获取待展示图像，将所述待展示图像输入图形变换模型，得到目标全景图像，创建展示界面，在展示界面中绘制矩形框，并在所述矩形框中创建二维纹理,将所述目标全景图像绑定所述二维纹理，展示在所述展示界面中，接收用户指令，基于所述用户指令调整所述展示界面中的目标全景图像目标全景图像的方法，使得在全景图像展示时可以展示高分辨率的目标全景图像，同时用户可以通过拖拽、缩放的操作观察图像细节，且开放图形库(Open Graphics Library，OpenGL)系统可以预先加载待展示图像，不会因为图像分辨率过高影响运行速度，图像展示效率较高。
本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程，是可以通过计算机程序来指令相关的硬件来完成，所述的计算机程序可存储于一非易失性计算机可读取存储介质中，该计算机程序在执行时，可包括如上述各方法的实施例的流程。其中，本申请所提供的各实施例中所使用的对存储器、存储、数据库或其它介质的任何引用，均可包括非易失性和/或易失性存储器。非易失性存储器可包括只读存储器(ROM)、可编程ROM(PROM)、电可编程ROM(EPROM)、电可擦除可编程ROM(EEPROM)或闪存。易失性存储器可包括随机存取存储器(RAM)或者外部高速缓冲存储器。作为说明而非局限，RAM以多种形式可得，诸如静态RAM(SRAM)、动态RAM(DRAM)、同步DRAM(SDRAM)、双数据率SDRAM(DDRSDRAM)、增强型SDRAM(ESDRAM)、同步链路(Synchlink)DRAM(SLDRAM)、存储器总线(Rambus)直接RAM(RDRAM)、直接存储器总线动态RAM(DRDRAM)、以及存储器总线动态RAM(RDRAM)等。
以上实施例的各技术特征可以进行任意的组合，为使描述简洁，未对上述实施例中的各个技术特征所有可能的组合都进行描述，然而，只要这些技术特征的组合不存在矛盾，都应当认为是本说明书记载的范围。
以上所述实施例仅表达了本申请的几种实施方式，其描述较为具体和详细，但并不能因此而理解为对发明专利范围的限制。应当指出的是，对于本领域的普通技术人员来说，在不脱离本申请构思的前提下，还可以做出若干变形和改进，这些都属于本申请的保护范围。因此，本申请专利的保护范围应以所附权利要求为准。
Claims (10)
1.一种图像展示方法，用于移动端展示全景图像，其特征在于，所述方法包括：
获取待展示图像；
将所述待展示图像输入图形变换模型，得到目标全景图像；
创建展示界面，在展示界面中绘制矩形框，并在所述矩形框中创建二维纹理；
将所述目标全景图像绑定所述二维纹理，展示在所述展示界面中；
接收用户指令；
基于所述用户指令调整所述展示界面中的目标全景图像。
2.根据权利要求1所述的方法，其特征在于，所述将所述目标全景图像绑定所述二维纹理，展示在所述展示界面中包括：
将目标全景图像中的初始图像绑定所述二维纹理，展示在所述展示界面中。
3.根据权利要求2所述的方法，其特征在于，所述将所述目标全景图像绑定所述二维纹理，展示在所述展示界面中之前还包括：
基于展示界面的宽高大小创建正交投影矩阵，所述正交投影矩阵用于调节所述矩形框的坐标。
4.根据权利要求2-3任一项所述的方法，其特征在于，所述将所述目标全景图像绑定所述二维纹理，展示在所述展示界面中还包括：
基于图像大小和展示界面的大小调整初始图像的宽高比，并将调整后的初始图像展示在展示界面中。
5.根据权利要求2所述的方法，其特征在于，所述基于所述用户指令调整所述展示界面中的目标全景图像包括：
基于拖拽指令获取拖拽方向与拖拽距离，获取所述待展示图像中各张全景图像的宽度，并根据所述拖拽方向、所述拖拽距离和所述各张全景图像的宽度确定目标切换图像，将所述目标切换图像作为目标全景图像展示在展示界面中。
6.根据权利要求1所述的方法，其特征在于，所述基于所述用户指令调整所述展示界面中的目标全景图像包括：
基于缩放指令获取缩放比和缩放中心点，并根据缩放比和缩放中心点缩放目标全景图像。
7.根据权利要求1所述的方法，其特征在于，所述将所述待展示图像输入图形变换模型，得到目标全景图像包括：
将所述待展示图像输入开放图形库系统，得到目标全景图像。
8.一种图像展示装置，用于移动端展示高清全景图像，其特征在于，所述装置包括：
获取模块，用于获取待展示图像；
输入模块，用于将所述待展示图像输入图形变换模型，得到目标全景图像；
创建模块，用于创建展示界面，在展示界面中绘制矩形框，并在所述矩形框中创建二维纹理；
展示模块，将所述目标全景图像绑定所述二维纹理，展示在所述展示界面中；
接收模块，用于接收用户指令；
调整模块，用于基于所述用户指令调整展示界面中的目标全景图像。
9.一种计算机设备，包括存储器和处理器，所述存储器存储有计算机程序，其特征在于，所述处理器执行所述计算机程序时实现权利要求1至7中任一项所述方法的步骤。
10.一种计算机可读存储介质，其上存储有计算机程序，其特征在于，所述计算机程序被处理器执行时实现权利要求1至7中任一项所述的方法的步骤。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201910887697.1A CN110599564A (zh) | 2019-09-19 | 2019-09-19 | 图像展示方法、装置、计算机设备和存储介质 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201910887697.1A CN110599564A (zh) | 2019-09-19 | 2019-09-19 | 图像展示方法、装置、计算机设备和存储介质 |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN110599564A true CN110599564A (zh) | 2019-12-20 |
Family
ID=68861246
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201910887697.1A Pending CN110599564A (zh) | 2019-09-19 | 2019-09-19 | 图像展示方法、装置、计算机设备和存储介质 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN110599564A (zh) |
Cited By (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN112347452A (zh) * | 2020-11-10 | 2021-02-09 | 上海祺鲲信息科技有限公司 | 电子合同签署的方法、电子设备及存储介质 |
| CN112596655A (zh) * | 2020-12-28 | 2021-04-02 | 深圳壹账通创配科技有限公司 | 全景图展示及操作方法、装置、计算机设备及存储介质 |
| CN112634124A (zh) * | 2020-12-10 | 2021-04-09 | 深兰工业智能创新研究院(宁波)有限公司 | 图像变形方法、图像变形装置、电子设备和存储介质 |
| CN113961124A (zh) * | 2021-09-27 | 2022-01-21 | 上海联影医疗科技股份有限公司 | 医学图像显示方法、装置、计算机设备和存储介质 |
| CN114222061A (zh) * | 2021-12-10 | 2022-03-22 | 中国人民解放军96901部队25分队 | 一种光电周扫的实时图像拼接与交互方法 |
Citations (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN105741341A (zh) * | 2016-01-27 | 2016-07-06 | 桂林长海发展有限责任公司 | 一种三维空间环境成像系统及方法 |
| CN106570938A (zh) * | 2016-10-21 | 2017-04-19 | 哈尔滨工业大学深圳研究生院 | 基于opengl 的全景监控方法及系统 |
| CN106846410A (zh) * | 2016-12-20 | 2017-06-13 | 北京鑫洋泉电子科技有限公司 | 基于三维的行车环境成像方法及装置 |
| CN107240065A (zh) * | 2017-04-19 | 2017-10-10 | 中科院微电子研究所昆山分所 | 一种3d全景图像生成系统和方法 |
| CN108765582A (zh) * | 2018-04-28 | 2018-11-06 | 青岛海信电器股份有限公司 | 一种全景图片显示方法及设备 |
| CN110223228A (zh) * | 2019-05-16 | 2019-09-10 | 北京奇艺世纪科技有限公司 | 图像处理方法、装置、终端设备及存储介质 |
-
2019
- 2019-09-19 CN CN201910887697.1A patent/CN110599564A/zh active Pending
Patent Citations (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN105741341A (zh) * | 2016-01-27 | 2016-07-06 | 桂林长海发展有限责任公司 | 一种三维空间环境成像系统及方法 |
| CN106570938A (zh) * | 2016-10-21 | 2017-04-19 | 哈尔滨工业大学深圳研究生院 | 基于opengl 的全景监控方法及系统 |
| CN106846410A (zh) * | 2016-12-20 | 2017-06-13 | 北京鑫洋泉电子科技有限公司 | 基于三维的行车环境成像方法及装置 |
| CN107240065A (zh) * | 2017-04-19 | 2017-10-10 | 中科院微电子研究所昆山分所 | 一种3d全景图像生成系统和方法 |
| CN108765582A (zh) * | 2018-04-28 | 2018-11-06 | 青岛海信电器股份有限公司 | 一种全景图片显示方法及设备 |
| CN110223228A (zh) * | 2019-05-16 | 2019-09-10 | 北京奇艺世纪科技有限公司 | 图像处理方法、装置、终端设备及存储介质 |
Non-Patent Citations (1)
| Title |
|---|
| 翁芳: "基于鱼眼镜头的全景漫游与场景匹配技术研究", 《中国优秀硕士学位论文全文数据库 (信息科技辑)》 * |
Cited By (9)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN112347452A (zh) * | 2020-11-10 | 2021-02-09 | 上海祺鲲信息科技有限公司 | 电子合同签署的方法、电子设备及存储介质 |
| CN112347452B (zh) * | 2020-11-10 | 2023-08-04 | 上海祺鲲信息科技有限公司 | 电子合同签署的方法、电子设备及存储介质 |
| CN112634124A (zh) * | 2020-12-10 | 2021-04-09 | 深兰工业智能创新研究院(宁波)有限公司 | 图像变形方法、图像变形装置、电子设备和存储介质 |
| CN112634124B (zh) * | 2020-12-10 | 2024-04-12 | 深兰工业智能创新研究院(宁波)有限公司 | 图像变形方法、图像变形装置、电子设备和存储介质 |
| CN112596655A (zh) * | 2020-12-28 | 2021-04-02 | 深圳壹账通创配科技有限公司 | 全景图展示及操作方法、装置、计算机设备及存储介质 |
| CN113961124A (zh) * | 2021-09-27 | 2022-01-21 | 上海联影医疗科技股份有限公司 | 医学图像显示方法、装置、计算机设备和存储介质 |
| CN113961124B (zh) * | 2021-09-27 | 2024-02-27 | 上海联影医疗科技股份有限公司 | 医学图像显示方法、装置、计算机设备和存储介质 |
| CN114222061A (zh) * | 2021-12-10 | 2022-03-22 | 中国人民解放军96901部队25分队 | 一种光电周扫的实时图像拼接与交互方法 |
| CN114222061B (zh) * | 2021-12-10 | 2024-03-22 | 中国人民解放军96901部队25分队 | 一种光电周扫的实时图像拼接与交互方法 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN110599564A (zh) | 图像展示方法、装置、计算机设备和存储介质 | |
| JP6563048B2 (ja) | スクリーンの位置によって異なる解像度のターゲットの複数レンダリングのテクスチャ・マッピングの傾き調整 | |
| KR102275712B1 (ko) | 렌더링 방법, 렌더링 장치 및 전자 장치 | |
| US20080284798A1 (en) | Post-render graphics overlays | |
| KR101952983B1 (ko) | 콘텐트의 타일-기반 렌더링을 위한 방법 및 콘텐트를 렌더링하기 위한 시스템 | |
| JP5166552B2 (ja) | グラフィックス処理システムにおけるオフスクリーンサーフェスのためのマルチバッファサポート | |
| US9183651B2 (en) | Target independent rasterization | |
| CN105955687B (zh) | 图像处理的方法、装置和系统 | |
| CN103247072B (zh) | 基于安卓系统实现三维旋转界面的方法及装置 | |
| KR102499397B1 (ko) | 그래픽스 파이프라인을 수행하는 방법 및 장치 | |
| US11120591B2 (en) | Variable rasterization rate | |
| JP2018512644A (ja) | 低品質タイルを使用してメモリ帯域幅を減らすためのシステムおよび方法 | |
| US10825129B2 (en) | Eliminating off screen passes using memoryless render target | |
| CN105550973B (zh) | 图形处理单元、图形处理系统及抗锯齿处理方法 | |
| US7898549B1 (en) | Faster clears for three-dimensional modeling applications | |
| CN110908762A (zh) | 一种动态壁纸实现方法及设备 | |
| JP2010513956A (ja) | ポスト−レンダリング・グラフィックス・スケーリング | |
| CN112732155B (zh) | 图像显示方法、图像显示装置、电子设备及存储介质 | |
| US11250643B2 (en) | Method of providing virtual exhibition space using 2.5-dimensionalization | |
| CN111210898A (zh) | 一种对dicom数据进行处理的方法和装置 | |
| JP2011529236A (ja) | グラフィックス・イメージングのためのパーティション・ベースのパフォーマンス解析 | |
| CN112988609B (zh) | 数据处理方法、装置、存储介质和客户端 | |
| US6545675B1 (en) | Three-dimensional graphics system, processor and recording medium | |
| JP3701627B2 (ja) | 描画処理プログラム、描画処理プログラムを記録した記録媒体、描画処理装置及び方法 | |
| US10311627B2 (en) | Graphics processing apparatus and method of processing graphics pipeline thereof |
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 | ||
| RJ01 | Rejection of invention patent application after publication | ||
| RJ01 | Rejection of invention patent application after publication |
Application publication date: 20191220 |