CN109657172A - 图片预览方法、装置、设备和存储介质 - Google Patents
图片预览方法、装置、设备和存储介质 Download PDFInfo
- Publication number
- CN109657172A CN109657172A CN201811448542.XA CN201811448542A CN109657172A CN 109657172 A CN109657172 A CN 109657172A CN 201811448542 A CN201811448542 A CN 201811448542A CN 109657172 A CN109657172 A CN 109657172A
- Authority
- CN
- China
- Prior art keywords
- preview
- picture
- request
- current image
- blocky
- 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.)
- Withdrawn
Links
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/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
- G06F3/04845—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range for image manipulation, e.g. dragging, rotation, expansion or change of colour
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F2203/00—Indexing scheme relating to G06F3/00 - G06F3/048
- G06F2203/048—Indexing scheme relating to G06F3/048
- G06F2203/04806—Zoom, i.e. interaction techniques or interactors for controlling the zooming operation
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Software Systems (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本申请实施例公开了一种图片预览方法、装置、设备和存储介质,该方法包括:根据预览请求确定当前图片的目标预览区域以及目标层级;对所述当前图片进行缩放分级处理,根据所述目标层级以及所述目标预览区域,确定所述目标层级对应的图层信息;按照设定的规则将所述当前图片进行分割,得到与所述图层信息对应的块状图片;将所述块状图片发送至所述预览请求的发送方,以使所述预览请求的发送方对所述块状图片进行整合,并预览显示。只显示目标预览区域,提高了图片预览过程中的处理速度;只加载目标层级对应的图层,并将所述块状图片整合后进行预览显示,解决了当前图片预览中的延时与卡顿问题,实现了对当前图片的任意缩放。
Description
技术领域
本申请实施例涉及图像处理技术,尤其涉及一种图片预览方法、装置、设 备和存储介质。
背景技术
随着科技的进步和人们生活水平的提高,数字化信息逐渐进入人们的生活。 例如,通过在线传播图片信息,使人们获取到图片信息中的内容,提高人们对 图片信息中隐含的技术以及知识进行关注。
获取图片信息的一个有效途径则是对图片进行在线预览,现有技术通常是 通过HTML技术对图片进行展示,或者,采用放大镜方式对局部图片进行放大。 但是,该两种方法通常只能实现在线预览普通图片,当图片精度较高时,例如, 图片精度超过显示器屏幕的分辨率时,会导致无法正常预览图片。
发明内容
本申请提供了一种图片预览方法、装置、设备和存储介质,以解决现有技 术中的图片预览中的延时以及卡顿问题。
本发明采用如下技术方案:
第一方面,本申请实施例提供了一种图片预览方法,该方法包括:
根据预览请求确定当前图片的目标预览区域以及目标层级;
对所述当前图片进行缩放分级处理,根据所述目标层级以及所述目标预览 区域,确定所述目标层级对应的图层信息;
按照设定的规则将所述当前图片进行分割,得到与所述图层信息对应的块 状图片;
将所述块状图片发送至所述预览请求的发送方,以使所述预览请求的发送 方对所述块状图片进行整合,并预览显示。
第二方面,本申请实施例提供了一种图片预览装置,该装置包括:
区域及层级确定模块,用于根据预览请求确定当前图片的目标预览区域以 及目标层级;
图层信息确定模块,用于对所述当前图片进行缩放分级处理,根据所述目 标层级以及所述目标预览区域,确定所述目标层级对应的图层信息;
分割模块,用于按照设定的规则将所述当前图片进行分割,得到与所述图 层信息对应的块状图片;
预览显示模块,用于将所述块状图片发送至所述预览请求的发送方,以使 所述预览请求的发送方对所述块状图片进行整合,并预览显示。
第三方面,本申请实施例提供了一种设备,包括存储器以及一个或多个处 理器;
所述存储器,用于存储一个或多个程序;
当所述一个或多个程序被所述一个或多个处理器执行,使得所述一个或多 个处理器实现如第一方面所述的图片预览方法。
第四方面,本申请实施例提供了一种包含计算机可执行指令的存储介质, 所述计算机可执行指令在由计算机处理器执行时用于执行如第一方面所述的图 片预览方法。
本发明采用的技术方案中有如下有益效果:根据预览请求确定当前图片的 目标预览区域以及目标层级,只显示目标预览区域。提高了图片预览过程中的 处理速度;对所述当前图片进行缩放分级处理,根据所述目标层级以及所述目 标预览区域,确定所述目标层级对应的图层信息;只加载目标层级对应的图层, 接收来自服务器的与所述图层信息对应的块状图片,并将所述块状图片整合后 进行预览显示。解决了当前图片预览中的延时与卡顿问题,实现了对当前图片 的任意缩放。
附图说明
通过阅读参照以下附图所作的对非限制性实施例所作的详细描述,本申请 的其它特征、目的和优点将会变得更明显:
图1是本申请实施例提供的一种图片预览方法的流程图;
图2是本申请实施例提供的另一种图片预览方法的流程图;
图3是本申请实施例提供的一种应用图像金字塔模型进行图片缩放分级的 效果图;
图4是本申请实施例提供的另一种图片预览方法的流程图;
图5是本申请实施例提供的另一种图片预览方法的流程图;
图6是本申请实施例提供的另一种图片预览方法的流程图;
图7是本申请实施例提供的一种图片预览装置的结构示意图;
图8是本申请实施例提供的一种设备的结构示意图。
具体实施方式
为了使本申请的目的、技术方案和优点更加清楚,下面结合附图对本申请 具体实施例作进一步的详细描述。可以理解的是,此处所描述的具体实施例仅 仅用于解释本申请,而非对本申请的限定。另外还需要说明的是,为了便于描 述,附图中仅示出了与本申请相关的部分而非全部内容。在更加详细地讨论示 例性实施例之前应当提到的是,一些示例性实施例被描述成作为流程图描绘的 处理或方法。虽然流程图将各项操作(或步骤)描述成顺序的处理,但是其中 的许多操作可以被并行地、并发地或者同时实施。此外,各项操作的顺序可以 被重新安排。当其操作完成时所述处理可以被终止,但是还可以具有未包括在附图中的附加步骤。所述处理可以对应于方法、函数、规程、子例程、子程序 等等。
具体的,在一些特定的场景下,在线预览实物的图片的效果优于实地观看 实物,或者,在不具备实地观看实物条件的情况下,在线预览图片给用户提供 了很大的便利。在实际的应用中,图片的精度影响在线预览的效果,高精度图 片的应用场景越来越多,当图片精度较高时,现有技术中的方法通常无法对高 精度图片进行高效的预览显示。本申请实施例中的图片预览方法可适用于普通 图片和高精度图片的在线预览。例如:普通图片和高精度图片的划分标准可以 是以5M大小为分界点,这里只是用来示例,不形成限定。随着多数博物馆对 数字化建设工作的开展,有效的在线传播文物图片越来越重视,而通常情况下, 博物馆的文物图片为高精度图片,本申请实施例提供的方法可以有效连贯的展 示高精度图片,例如,展现文物的真实细节。下述以博物馆文物的高精度图片 为例,进行描述。
图1给出了本申请实施例提供的一种图片预览方法的流程图,本实施例提 供的图片预览方法可以由图片预览装置来执行,该图片预览装置可通过硬件和/ 或软件的方式实现。该装置可集成在服务器中与客户端配合使用。参考图1, 该方法具体可以包括:
步骤110、根据预览请求确定当前图片的目标预览区域以及目标层级。
其中,客户端将获取到的用户的预览请求发送至服务器,服务器接收预览 请求,示例性的,客户端可以是直接与用户进行交互的前端设备,该前端设备 可提供用户交互界面,用户通过在该前端设备上进行操作,以使客户端获取用 户的预览请求。服务器对当前图片在后台进行相关处理,将处理完成的图片发 送给客户端进行渲染,客户端对处理完成的图片进行在线预览显示。
具体的,服务器根据预览请求确定当前图片的目标预览区域以及目标层级, 其中,目标预览区域是指,用户在该次预览请求中需要在线预览的部分,例如, 用户该次只想查看图片左下角部分的局部显示图,则该左下角部分为目标预览 区域。在实际的应用过程中,可以通过分析用户的预览请求,以及触发所述预 览请求的操作,来确定目标预览区域,例如,分析触发预览请求的操作在当前 显示页面的坐标数据,以及,该坐标数据对应在当前图片的尺寸数据,根据上 述坐标数据和尺寸数据确定目标预览区域。
下述简单介绍图片的层级的概念,图片的层级是指,在计算机设计***中, 为更便捷有效地处理图像素材,通常将它们置于不同的层中,而图像可看作是 由若干层图像叠加而成的。利用图像处理软件,可对每层做单独处理,而不是 影响其他层的图像内容。在新建一个图像文件时,***会自动为其建立一个背 景层,该层相当于一块画布,可在上面做贴图、绘画及其他图像处理工作。若 一个图像有多个图层,则每个图层均具有相同的像素、通道数及格式。本申请 实施例中的图片,也即上述中的图像。此外,根据预览请求对应的当前显示页 面的坐标范围以及目标预览区域的大小,确定当前图片的目标层级,例如,当 前图片的层级一共设置有18层,确定的目标层级为第5层。
步骤120、对所述当前图片进行缩放分级处理,根据所述目标层级以及所 述目标预览区域,确定所述目标层级对应的图层信息。
具体的,对当前图片进行缩放分级处理,以确定当前预览请求对应的缩放 级别,其中,根据当前图片的缩放级别进行图层的切换。在一个具体的例子中, 以地图为例,地图具备一个缩放级别的范围,缩放级别可以用比例尺或者分辨 率来表示,地图具备一个总的缩放级别,每个图层有各自的缩放级别,这样可 以控制图层在合适的缩放级别上显示,需要说明的是,相邻两级之间不一定是 二倍的关系,可以是任意值,在此不做限定。在本申请实施例中,在目标预览 区域中,根据目标层级,确定与所述目标层级对应的图层信息,其中,每个图 层信息对应一个缩放级别。
步骤130、按照设定的规则将所述当前图片进行分割,得到与所述图层信 息对应的块状图片。
其中,应用设定的规则对当前图片实时进行分割,具体可以通过图像处理 技术实现,设定的规则可以是后台研发人员根据当前图片的性质以及当前图片 的应用场景、或者分析用户的预览请求进行选择,在此不赘述。将当前图片分 为若干块状图片,块状图片与图层信息相对应,也即,每确定一组图层信息后, 则可以确定该图层信息对应的图片分割后的块状图片。
在一个具体的例子中,可以通过服务器的GPU(Graphics Processing Unit, 图形处理器)实时获取目标预览区域,并在目标预览区域内实时对当前图片进 行切割,来获取对应的块状图片,无需预先进行切片处理,同时,在高性能GPU 的支持下,可以实现快速显示,减少文件处理,加快访问速度。
步骤140、将所述块状图片发送至所述预览请求的发送方,以使所述预览 请求的发送方对所述块状图片进行整合,并预览显示。
实际应用中,预览请求的发送方可以是可与用户进行交互的前端设备,具 体的,将块状图片发送至前端设备,由前端设备对接收到的块状图片进行整合, 具体实现方式可以是分析各个块状图片的尺寸以及包含的图像信息,通过拼接 技术对块状图片进行整合,得到整合后的待显示图片,对待显示图片进行渲染, 以及预览显示。
本申请实施例根据预览请求确定当前图片的目标预览区域以及目标层级, 只显示目标预览区域。提高了图片预览过程中的处理速度;对所述当前图片进 行缩放分级处理,根据所述目标层级以及所述目标预览区域,确定所述目标层 级对应的图层信息;只加载目标层级对应的图层,接收来自服务器的与所述图 层信息对应的块状图片,并将所述块状图片整合后进行预览显示。解决了当前 图片预览中的延时与卡顿问题,实现了对当前图片的任意缩放。
综上,以文物高精度图片为例,对本申请实施例的技术方案进行说明:图 像处理,计算高精度图片的目标预览区域,也即,显示范围Bbox;后对该图片 进行缩放分级,使得每一个缩放级别均对应有相应的图层;基于CUDA-GPU (Compute Unified DeviceArchitecture-Graphics Processing Unit,统一计算架构 设备-图形处理器)的工作环境下搭建图片,获取到图像显示区域范围后通过 GPU直接从服务器抠取相应的部分传输至前端设备进行显示,无需预先切片处 理,同时在高性能GPU的支持下,实现快速显示,减少文件处理,加快访问时 间。也无需通过GEOSERVER进行发布,从而实现高效的处理。
在上述实施例的基础上,图2给出了本申请实施例提供的另一种图片预览 方法的流程图。该图片预览方法是对上述图片预览方法的具体化。参考图2, 该图片预览方法包括:
步骤210、根据预览请求确定当前图片的目标预览区域以及目标层级。
可选的,所述预览请求通过点击请求设备当前页面的显示位置和/或调节所 述请求设备上的操作按钮触发。
其中,用户通过与其进行交互的前端设备进行操作,在实际的应用过程中, 通过可以直接在该前端设备上进行操作,例如,当该前端设备的显示屏为触摸 屏时,可以通过触摸屏感应用户操作来获取预览请求。此外,预览请求还可以 通过请求设备来触发。具体的,请求设备与前端设备可以通过有线或无线方式 进行连接。在一个具体的例子中,请求设备在前端设备上以可见的图标进行显 示,通过点击请求设备当前页面的显示位置触发预览请求;还可以通过调节请 求设备上的操作按钮进行触发,其中,通过对操作按钮进行调节,实现对图片 的缩放级别的确定。
示例性的,请求设备包括鼠标,相应的,所述操作按钮包括鼠标滚轮。具 体的,通过鼠标在前端设备当前显示页面上的图标显示,确定目标预览区域; 同时,根据对鼠标滚轮的操作,确定缩放级别,以确定目标图层。
所述当前图片包括图片精度大于显示器分辨率的图片。其中,若当前图片 的图片精度大于显示器的分辨率,则定义该图片为高精度图片,这里只是一个 示例,并不形成具体限定。在一个具体的例子中,本申请实施例中的应用场景 可以是对博物馆为文物图片进行在线预览,通常情况下,由于文物图片的要求 较高,其通常为高精度图片。
步骤220、建立图像金字塔模型;
具体的,将当前图片分割为n*n像素的瓦片,其中,这些瓦片很小,下载 速度很快;例如,采用0-17共18级缩放比例,其瓦片大小为n*n,缩放分级以 分辨率为例,分辨率每放大一倍,在上一级瓦片的基础上再一分为四个n*n的 瓦片,分辨率越来越高,显示的内容越来越丰富,17级最丰富,上述通过一个 具体的例子说明了图像金字塔模型的建立过程,而在上述例子中,n可以取256。
步骤230、根据所述图像金字塔模型对所述当前图片进行缩放分级处理。
其中,确定图像金字塔模型后,应用图像金字塔模型对图片进行缩放分级 处理,使得每一个缩放级别均对应有相应的图层。
图3示出了一种应用图像金字塔模型进行图片缩放分级的效果图,参考图 3,假设在该例子中的图片为文物高精度图片,其中,310表示第一层级,320 表示第二层级,330表示第三层级,在这个具体的例子中,320表示的第二层级 为目标层级,340表示的区域为目标预览区域。通过图3可以看出,随着缩放 分级过程中分辨率的提高,图片显示的内容越来越丰富。
步骤240、根据所述目标层级以及所述目标预览区域,确定所述目标层级 对应的图层信息。
步骤250、获取所述请求设备在设定时间段内操作。
具体的,以请求设备是鼠标为例,获取鼠标在设定的时间内的操作,例如, 设定的时间可以是1分钟。在一个具体的例子中,获取鼠标在最近的1分钟内 的操作对应的操作类型以及不同的操作类型对应的次数,例如,最近的1分钟 内的2次操作都是放大操作。
步骤260、根据所述操作预测所述请求设备的下一步操作。
具体的,可以对请求设备在设定时间内的操作预测所述请求设备的下一步 操作,例如:最近两次的操作都是放大操作,则可以预测下一步的操作是放大 操作;如果连续放大次数达到预设次数或者放大后已经无法辨识图片内容,则 预测下一步的操作是缩小操作。在实际的应用过程中,还可以生成两个预测结 果,即下一步操作可以是放大操作,还可以是缩小操作。
步骤270、生成所述下一步操作对应的预览请求以及所述预览请求对应的 图层信息。
示例性的,在预测到请求设备的下一步操作后,生成下一步操作对应的预 览请求,若下一步操作是放大操作,则对应的预览请求为放大预览请求,若下 一步操作是缩小操作,则对应的预览请求为缩小预览请求,进而生成与所述预 览请求对应的图层信息。在一个具体的例子中,在生成两个预测结果时,则对 应的放大预览请求和缩小预览请求的图层信息均生成。
上述提前生成后续预览请求对应的图层信息的操作,进一步提高了预览请 求的响应速度。
步骤280、按照设定的规则将所述当前图片进行分割,得到与所述图层信 息对应的块状图片。
进一步参考图3,在目标层级(即第二层级320)提取出目标预览区域340 得到当前图片之后,将目标预览区域340对应的当前图片进行图片分割,在图 3所示的方案中,当前图片被分割为32个块状图片。
步骤290、将多个块状图片并行传输至所述预览请求的发送方,以使所述 预览请求的发送方对所述块状图片进行整合,并预览显示。
具体的,并行传输是指,当使用者需显示多个块状图片时,多个块状图片 能够一并进行传输,则GPU直接获取多个块状图片的效果更好,例如图3所示 的方案中,当前图片分割得到的32个块状图片当成32个任务并行发送,可以 进一步提高发送方的接收速度,实现图像的快速显示,减少预览图像的刷新延 时。块状图片的大小选择可以根据带宽、GPU的图像处理能力等进行调整,例 如带宽越大,可以选择更大的尺寸。此外,GPU的选材也影响传输速度,在一 个具体的例子中,可以通过选用CUDA来实现。当多个块状图片并行传输至预 览请求的发送方后,以使预览请求的发送方对块状图片进行整合,并进行预览 显示。
需要说明的是,上述实施例中的步骤的执行顺序作为一种可选实施例方式, 并不对本申请实施例形成具体限定。例如:只要产生过一定次数的预览请求的 操作,步骤250、步骤260和步骤270的对下一次预览请求的预测过程均可执 行,根据已产生的预览请求,结合步骤250、步骤260和步骤270,对下一次预 览请求进行预测。
本申请实施例中,通过请求设备在当前页面的显示位置以及调整所述请求 设备上的操作按钮触发预览请求,并建立图像金字塔模型,根据所述图像金字 塔模型对所述当前图片进行缩放分级处理,以获取与缩放级别对应的图层信息, 而非全部图层信息,提高了图片预览速度。获取所述请求设备在设定时间段内 操作,根据所述操作预测所述请求设备的下一步操作,生成所述下一步操作对 应的预览请求以及所述预览请求对应的图层信息,提前生成预测到的下一步操 作对应的图层信息,进一步提高了预览请求的响应速度;将多个块状图片并行 传输至所述预览请求的发送方,以使所述预览请求的发送方对所述块状图片进 行整合,并预览显示,在提高预览请求响应速度的同时,提高了图片的预览显示效果。
本申请实施例可应用在针对文物的高精度图片进行在线预览的场景中,旨 在为用户在线提供高精度的文物图片在线预览服务。通过本申请实施例提供的 技术方案,高精度图片的在线预览可连贯无限放大、缩小或平移拖动,同时, 对于超过显示器屏幕高分辨率高精度的文物图片,也可实现在线预览。尤其是 在博物馆、考古等领域对文物定期拍摄大量高精度图片时,体现了很好的在线 预览效果。
综上,以文物高精度图片为例,图4示出了另一种图片预览方法的流程图, 参考图4。步骤410、计算高精度图片的显示范围Bbox,也即,目标预览区域; 步骤420、基于图像金字塔模型缩放分级,具体可以是应用拉普拉斯金字塔算 法,基于图像金字塔模型进行缩放分级;步骤430、基于CUDA-GPU搭建图片 实时并行图片分割服务;步骤440、基于WEBGL的高精度图片渲染。
下面对于通过金字塔模型对图片的处理进行说明,首先进入图片路径的前 期的图像文件检验,其次,判断显示装置对应的OpenLayers接口是否可用,然 后将图片转换为二进制形式写入OpenLayers页面中。将原始图片上传至数字资 源***,保存图片的长宽值及图片URL路径,设置图片的显示范围Bbox:假 定当前中心点坐标为cx,cy(可以为任意有效的经纬度坐标),图片长为width, 宽为heigth。
把中心点坐标转换为’EPSG:3857’坐标值,cx1,cy1;
计算X最小值:cx1-width*1000/2;
计算Y最小值:cy1-heigth*1000/2;
计算X最大值:cx1+width*1000/2;
计算Y最大值:cy1+heigth*1000/2;
在OpenLayers中按以上计算的图片显示范围加载静态图片。
在上述技术方案的基础上,还可以在将完整的高精度图片进行分割为块状 图片后,将若干的块状图片发布至GEOSERVER中,设置并计算图片的最大和 最小显示范围,后通过WEBGL进行渲染;计算显示范围,图片缩放分级,后 通过GPU加载,获取对应的图层进行前端显示。在一个具体的例子中,图5示 出了另一种图片预览方法的流程图,参考图5,步骤510、基于图像金字塔模型 高精度图片处理;步骤520、基于GEOSERVER的高精度图片发布;步骤530、 基于WEBGL的高精度图片渲染。
此外,还可以是首先对图片进行网络切片,将其加载至GPU的工作环境下 搭建图片(该过程可以替代GEOSERVER的图片发布过程),这样也可以实现 上述对高精度图片的预览效果。图6示出了另一种图片预览方法的流程图,参考 图6,其中,步骤610、计算图片的显示范围Bbox;步骤620、循环层号;步骤630、 计算当前层像素跨度;步骤640、计算横坐标最大索引;步骤650、计算横坐标 最小索引;步骤660、计算纵坐标最大索引;步骤670、计算纵坐标最小索引; 步骤680、根据网格进行切片;步骤690、所有点满足阈值条件,若是,则流程结束,若否,则执行步骤630。
在上述技术方案的基础上,对本申请实施例中的客户端、服务器以及其底 层技术实现进行说明。
首先是对本申请实施例中应用的专业名称进行说明:其中,OpenLayers是 一个专为Web GIS客户端开发提供的JavaScript类库包,用于实现标准格式发 布的地图数据访问;GeoServer是OpenGIS Web服务器规范的J2EE实现,利用 GeoServer可以方便的发布地图数据,允许用户对特征数据进行更新、删除、插 入操作,通过GeoServer可以比较容易的在用户之间迅速共享空间地理信息; WebGL(Web Graphics Library)是一种3D绘图协议,这种绘图技术标准允许 把JavaScript和OpenGL ES 2.0结合在一起,通过增加OpenGL ES2.0的一个 JavaScript绑定,WebGL可以为HTML5Canvas提供硬件3D加速渲染,这样 Web开发人员就可以借助***显卡来在浏览器里更流畅地展示3D场景和模型, 还能创建复杂的导航和数据视觉化实现。WebGL解决了现有的Web交互式三 维动画的两个问题:第一,通过HTML脚本本身实现Web交互式三维动画的 制作,无需任何浏览器插件支持;第二,利用底层的图形硬件加速功能进行的 图形渲染,是通过统一的、标准的以及跨平台的OpenGL接口实现的。
在上述实施例的基础上,图7为本申请实施例提供的一种图片预览装置的 结构示意图。参考图7,本实施例提供的图片预览装置具体包括:区域及层级 确定模块710、图层信息确定模块720、分割模块730和预览显示模块740。
其中,区域及层级确定模块710,用于根据预览请求确定当前图片的目标 预览区域以及目标层级;图层信息确定模块720,用于对所述当前图片进行缩 放分级处理,根据所述目标层级以及所述目标预览区域,确定所述目标层级对 应的图层信息;分割模块730,用于按照设定的规则将所述当前图片进行分割, 得到与所述图层信息对应的块状图片;预览显示模块740,用于将所述块状图 片发送至所述预览请求的发送方,以使所述预览请求的发送方对所述块状图片 进行整合,并预览显示。
本申请实施例根据预览请求确定当前图片的目标预览区域以及目标层级, 只显示目标预览区域。提高了图片预览过程中的处理速度;对所述当前图片进 行缩放分级处理,根据所述目标层级以及所述目标预览区域,确定所述目标层 级对应的图层信息;只加载目标层级对应的图层,接收来自服务器的与所述图 层信息对应的块状图片,并将所述块状图片整合后进行预览显示。解决了当前 图片预览中的延时与卡顿问题,实现了对当前图片的任意缩放。
进一步的,所述块状图片为多个;
相应的,预览显示模块740具体用于:
将多个块状图片并行传输至所述预览请求的发送方。
进一步的,所述预览请求通过点击请求设备当前页面的显示位置和/或调节 所述请求设备上的操作按钮触发。
进一步的,还包括:
操作次数获取模块,用于获取所述请求设备在设定时间段内操作;
操作预测模块,用于根据所述操作预测所述请求设备的下一步操作;
请求与信息生成模块,用于生成所述下一步操作对应的预览请求以及所述 预览请求对应的图层信息。
进一步的,所述请求设备包括鼠标,相应的,所述操作按钮包括鼠标滚轮。
进一步的,图层信息确定模块720具体用于:
建立图像金字塔模型;
根据所述图像金字塔模型对所述当前图片进行缩放分级处理。
进一步的,所述当前图片包括图片精度大于显示器分辨率的图片。
本申请实施例提供的图片预览装置可以用于执行上述实施例提供的图片预 览方法,具备相应的功能和有益效果。
本申请实施例提供了一种设备,且该设备中可集成本申请实施例提供的图 片预览装置。图8是本申请实施例提供的一种设备的结构示意图。参考图8, 该设备包括:处理器80、存储器81。该设备中处理器80的数量可以是一个或 者多个,图8中以一个处理器80为例。该设备中存储器81的数量可以是一个 或者多个,图8中以一个存储器81为例。该设备的处理器80和存储器81可以 通过总线或者其他方式连接,图8中以通过总线连接为例。
存储器81作为一种计算机可读存储介质,可用于存储软件程序、计算机可 执行程序以及模块,如本申请任意实施例所述的图片预览方法对应的程序指令/ 模块(例如,图片预览装置中的区域及层级确定模块710、图层信息确定模块 720、分割模块730和预览显示模块740)。存储器81可主要包括存储程序区 和存储数据区,其中,存储程序区可存储操作***、至少一个功能所需的应用 程序;存储数据区可存储根据设备的使用所创建的数据等。此外,存储器81可 以包括高速随机存取存储器,还可以包括非易失性存储器,例如至少一个磁盘 存储器件、闪存器件、或其他非易失性固态存储器件。在一些实例中,存储器 81可进一步包括相对于处理器80远程设置的存储器,这些远程存储器可以通 过网络连接至设备。上述网络的实例包括但不限于互联网、企业内部网、局域 网、移动通信网及其组合。
处理器80通过运行存储在存储器81中的软件程序、指令以及模块,从而执 行设备的各种功能应用以及数据处理,即实现上述的图片预览方法,该图片预 览方法包括:根据预览请求确定当前图片的目标预览区域以及目标层级;对所 述当前图片进行缩放分级处理,根据所述目标层级以及所述目标预览区域,确 定所述目标层级对应的图层信息;按照设定的规则将所述当前图片进行分割, 得到与所述图层信息对应的块状图片;将所述块状图片发送至所述预览请求的 发送方,以使所述预览请求的发送方对所述块状图片进行整合,并预览显示。
上述提供的设备可用于执行上述实施例提供的图片预览方法,具备相应的功 能和有益效果。
本申请实施例还提供一种包含计算机可执行指令的存储介质,所述计算机 可执行指令在由计算机处理器执行时用于执行一种图片预览方法,该图片预览 方法包括:根据预览请求确定当前图片的目标预览区域以及目标层级;对所述 当前图片进行缩放分级处理,根据所述目标层级以及所述目标预览区域,确定 所述目标层级对应的图层信息;按照设定的规则将所述当前图片进行分割,得 到与所述图层信息对应的块状图片;将所述块状图片发送至所述预览请求的发 送方,以使所述预览请求的发送方对所述块状图片进行整合,并预览显示。
存储介质——任何的各种类型的存储器设备或存储设备。术语“存储介质” 旨在包括:安装介质,例如CD-ROM、软盘或磁带装置;计算机***存储器或 随机存取存储器,诸如DRAM、DDR RAM、SRAM、EDO RAM,兰巴斯 (Rambus)RAM等;非易失性存储器,诸如闪存、磁介质(例如硬盘或光存储); 寄存器或其它相似类型的存储器元件等。存储介质可以还包括其它类型的存储 器或其组合。另外,存储介质可以位于程序在其中被执行的第一计算机***中, 或者可以位于不同的第二计算机***中,第二计算机***通过网络(诸如因特网) 连接到第一计算机***。第二计算机***可以提供程序指令给第一计算机用于 执行。术语“存储介质”可以包括可以驻留在不同位置中(例如在通过网络连接 的不同计算机***中)的两个或更多存储介质。存储介质可以存储可由一个或多 个处理器执行的程序指令(例如具体实现为计算机程序)。
当然,本申请实施例所提供的一种包含计算机可执行指令的存储介质,其计 算机可执行指令不限于如上所述的图片预览方法,还可以执行本申请任意实施 例所提供的图片预览方法中的相关操作。
上述实施例中提供的图片预览装置、存储介质及设备可执行本申请任意实 施例所提供的图片预览方法,未在上述实施例中详尽描述的技术细节,可参见 本申请任意实施例所提供的图片预览方法。
注意,上述仅为本申请的较佳实施例及所运用技术原理。本领域技术人员 会理解,本申请不限于这里所述的特定实施例,对本领域技术人员来说能够进 行各种明显的变化、重新调整和替代而不会脱离本申请的保护范围。因此,虽 然通过以上实施例对本申请进行了较为详细的说明,但是本申请不仅仅限于以 上实施例,在不脱离本申请构思的情况下,还可以包括更多其他等效实施例, 而本申请的范围由所附的权利要求范围决定。
Claims (10)
1.一种图片预览方法,其特征在于,包括:
根据预览请求确定当前图片的目标预览区域以及目标层级;
对所述当前图片进行缩放分级处理,根据所述目标层级以及所述目标预览区域,确定所述目标层级对应的图层信息;
按照设定的规则将所述当前图片进行分割,得到与所述图层信息对应的块状图片;
将所述块状图片发送至所述预览请求的发送方,以使所述预览请求的发送方对所述块状图片进行整合,并预览显示。
2.根据权利要求1所述的方法,其特征在于,所述块状图片为多个;
相应的,将所述块状图片发送至所述预览请求的发送方,包括:
将多个块状图片并行传输至所述预览请求的发送方。
3.根据权利要求1所述的方法,其特征在于,所述预览请求通过点击请求设备当前页面的显示位置和/或调节所述请求设备上的操作按钮触发。
4.根据权利要求3所述的方法,其特征在于,还包括:
获取所述请求设备在设定时间段内操作;
根据所述操作预测所述请求设备的下一步操作;
生成所述下一步操作对应的预览请求以及所述预览请求对应的图层信息。
5.根据权利要求3所述的方法,其特征在于,所述请求设备包括鼠标,相应的,所述操作按钮包括鼠标滚轮。
6.根据权利要求1所述的方法,其特征在于,所述对所述当前图片进行缩放分级处理包括:
建立图像金字塔模型;
根据所述图像金字塔模型对所述当前图片进行缩放分级处理。
7.根据权利要求1所述的方法,其特征在于,所述当前图片包括图片精度大于显示器分辨率的图片。
8.一种图片预览装置,其特征在于,包括:
区域及层级确定模块,用于根据预览请求确定当前图片的目标预览区域以及目标层级;
图层信息确定模块,用于对所述当前图片进行缩放分级处理,根据所述目标层级以及所述目标预览区域,确定所述目标层级对应的图层信息;
分割模块,用于按照设定的规则将所述当前图片进行分割,得到与所述图层信息对应的块状图片;
预览显示模块,用于将所述块状图片发送至所述预览请求的发送方,以使所述预览请求的发送方对所述块状图片进行整合,并预览显示。
9.一种设备,其特征在于,包括:
存储器以及一个或多个处理器;
所述存储器,用于存储一个或多个程序;
当所述一个或多个程序被所述一个或多个处理器执行,使得所述一个或多个处理器实现如权利要求1-7任一所述的图片预览方法。
10.一种包含计算机可执行指令的存储介质,其特征在于,所述计算机可执行指令在由计算机处理器执行时用于执行如权利要求1-7任一所述的图片预览方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201811448542.XA CN109657172A (zh) | 2018-11-30 | 2018-11-30 | 图片预览方法、装置、设备和存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201811448542.XA CN109657172A (zh) | 2018-11-30 | 2018-11-30 | 图片预览方法、装置、设备和存储介质 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN109657172A true CN109657172A (zh) | 2019-04-19 |
Family
ID=66111087
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201811448542.XA Withdrawn CN109657172A (zh) | 2018-11-30 | 2018-11-30 | 图片预览方法、装置、设备和存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN109657172A (zh) |
Cited By (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN110187924A (zh) * | 2019-05-29 | 2019-08-30 | 吉林亿联银行股份有限公司 | 图片加载方法及装置 |
CN110602189A (zh) * | 2019-08-30 | 2019-12-20 | 维沃移动通信有限公司 | 一种文件下载方法、服务器及电子设备 |
CN110990613A (zh) * | 2019-12-17 | 2020-04-10 | 神州数码医疗科技股份有限公司 | 图像传输处理方法、装置、终端及存储介质 |
CN111767490A (zh) * | 2020-06-30 | 2020-10-13 | 北京百度网讯科技有限公司 | 用于展示图像的方法、装置、设备以及存储介质 |
CN113112564A (zh) * | 2020-01-13 | 2021-07-13 | 长沙市海图科技有限公司 | 一种cad在线调取wmts服务方法、***及存储介质 |
CN113852823A (zh) * | 2021-11-30 | 2021-12-28 | 深圳市通恒伟创科技有限公司 | 一种基于物联网的图像数据上传方法、***和装置 |
CN115423690A (zh) * | 2022-11-04 | 2022-12-02 | 之江实验室 | 基于图像金字塔的高分辨率肝癌病理图像展示方法及*** |
-
2018
- 2018-11-30 CN CN201811448542.XA patent/CN109657172A/zh not_active Withdrawn
Cited By (12)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN110187924A (zh) * | 2019-05-29 | 2019-08-30 | 吉林亿联银行股份有限公司 | 图片加载方法及装置 |
CN110602189A (zh) * | 2019-08-30 | 2019-12-20 | 维沃移动通信有限公司 | 一种文件下载方法、服务器及电子设备 |
CN110602189B (zh) * | 2019-08-30 | 2022-07-12 | 维沃移动通信有限公司 | 一种文件下载方法、服务器及电子设备 |
CN110990613A (zh) * | 2019-12-17 | 2020-04-10 | 神州数码医疗科技股份有限公司 | 图像传输处理方法、装置、终端及存储介质 |
CN110990613B (zh) * | 2019-12-17 | 2024-02-23 | 神州数码医疗科技股份有限公司 | 图像传输处理方法、装置、终端及存储介质 |
CN113112564A (zh) * | 2020-01-13 | 2021-07-13 | 长沙市海图科技有限公司 | 一种cad在线调取wmts服务方法、***及存储介质 |
CN113112564B (zh) * | 2020-01-13 | 2023-03-10 | 长沙市海图科技有限公司 | 一种cad在线调取wmts服务方法、***及存储介质 |
CN111767490A (zh) * | 2020-06-30 | 2020-10-13 | 北京百度网讯科技有限公司 | 用于展示图像的方法、装置、设备以及存储介质 |
CN111767490B (zh) * | 2020-06-30 | 2024-04-23 | 北京百度网讯科技有限公司 | 用于展示图像的方法、装置、设备以及存储介质 |
CN113852823A (zh) * | 2021-11-30 | 2021-12-28 | 深圳市通恒伟创科技有限公司 | 一种基于物联网的图像数据上传方法、***和装置 |
CN113852823B (zh) * | 2021-11-30 | 2022-03-01 | 深圳市通恒伟创科技有限公司 | 一种基于物联网的图像数据上传方法、***和装置 |
CN115423690A (zh) * | 2022-11-04 | 2022-12-02 | 之江实验室 | 基于图像金字塔的高分辨率肝癌病理图像展示方法及*** |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN109657172A (zh) | 图片预览方法、装置、设备和存储介质 | |
CN109829022B (zh) | 一种融合监控视频信息的互联网地图服务***及构建方法 | |
CN110379010A (zh) | 基于视频融合的三维地理信息可视化方法及*** | |
CN110675728B (zh) | 热力图的生成方法、装置、设备及计算机可读存储介质 | |
Santana et al. | Multimodal location based services—semantic 3D city data as virtual and augmented reality | |
EP2643820B1 (en) | Rendering and navigating photographic panoramas with depth information in a geographic information system | |
US8872846B2 (en) | Interactive virtual weather map | |
CN107423445A (zh) | 一种地图数据处理方法、装置及存储介质 | |
EP1764745A2 (en) | Collaborative environments in a geographic information system | |
US20070067106A1 (en) | Streaming geometry using quasi-pyramidal structure | |
US20090094556A1 (en) | User defined scenarios in a three dimensional geo-spatial system | |
CN105574102B (zh) | 一种电子地图数据加载的方法及装置 | |
Ruzinoor et al. | A review on 3D terrain visualization of GIS data: techniques and software | |
CN104394422A (zh) | 一种视频分割点获取方法及装置 | |
WO2010013854A1 (en) | Three dimensional geographical information client apparatus, server apparatus and three dimensional geographical information system having the same | |
Liu et al. | Implementation of interactive three-dimensional visualization of air pollutants using WebGL | |
CN104599310A (zh) | 三维场景动画录制方法及装置 | |
Noguera et al. | A scalable architecture for 3D map navigation on mobile devices | |
CN104700455A (zh) | 将三维数据可视化的方法 | |
CN110389981B (zh) | 数据显示方法、装置、电子设备及计算机可读存储介质 | |
Yu et al. | A hybrid system of expanding 2D GIS into 3D space | |
Rechichi | Chimera: a BIM+ GIS system for cultural heritage | |
Trapp et al. | Colonia 3D communication of virtual 3D reconstructions in public spaces | |
CN115018967B (zh) | 一种图像生成方法、装置、设备和存储介质 | |
Rieffel et al. | Geometric tools for multicamera surveillance systems |
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 | ||
WW01 | Invention patent application withdrawn after publication |
Application publication date: 20190419 |
|
WW01 | Invention patent application withdrawn after publication |