CN107403014A - 图像文件的显示方法、装置及系统 - Google Patents

图像文件的显示方法、装置及系统 Download PDF

Info

Publication number
CN107403014A
CN107403014A CN201710664262.1A CN201710664262A CN107403014A CN 107403014 A CN107403014 A CN 107403014A CN 201710664262 A CN201710664262 A CN 201710664262A CN 107403014 A CN107403014 A CN 107403014A
Authority
CN
China
Prior art keywords
tile
server
file
user terminal
display window
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
Application number
CN201710664262.1A
Other languages
English (en)
Inventor
张曙华
张二伟
路斌
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Guang Dian Information Development Co Ltd
Original Assignee
Guang Dian Information Development Co Ltd
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by Guang Dian Information Development Co Ltd filed Critical Guang Dian Information Development Co Ltd
Priority to CN201710664262.1A priority Critical patent/CN107403014A/zh
Publication of CN107403014A publication Critical patent/CN107403014A/zh
Pending legal-status Critical Current

Links

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90Details of database functions independent of the retrieved data types
    • G06F16/95Retrieval from the web
    • G06F16/957Browsing optimisation, e.g. caching or content distillation
    • G06F16/9577Optimising the visualization of content, e.g. distillation of HTML documents
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90Details of database functions independent of the retrieved data types
    • G06F16/95Retrieval from the web
    • G06F16/957Browsing optimisation, e.g. caching or content distillation
    • G06F16/9574Browsing optimisation, e.g. caching or content distillation of access to content, e.g. by caching

Landscapes

  • Engineering & Computer Science (AREA)
  • Databases & Information Systems (AREA)
  • Theoretical Computer Science (AREA)
  • Data Mining & Analysis (AREA)
  • Physics & Mathematics (AREA)
  • General Engineering & Computer Science (AREA)
  • General Physics & Mathematics (AREA)
  • Information Transfer Between Computers (AREA)

Abstract

本发明实施例提供的一种图像文件的显示方法、装置及系统,涉及图像显示技术领域。方法包括用户终端向服务器发起所述图像文件的浏览请求;接收到服务器响应于浏览请求返回的索引文件数据后,创建绘图环境;基于绘图环境,获取当前显示窗口中所需加载的图像文件对应的所有瓦片信息;再将所述所有瓦片信息发送给服务器,以便服务器根据所述所有瓦片信息,查找所述所有瓦片信息各自对应的瓦片数据文件并发送给用户终端;然后基于接收到的所述所有瓦片信息各自对应的瓦片数据文件,在当前显示窗口中绘制并显示所述瓦片数据文件对应的图像,以此实现实时计算和加载当前显示窗口中图像文件对应的瓦片数据,提高页面加载性能,提升用户体验。

Description

图像文件的显示方法、装置及系统
技术领域
本发明涉及图像显示技术领域,具体而言,涉及一种图像文件的显示方法、装置及系统。
背景技术
超大幅面档案常见于书画、图纸、布告等珍贵档案,数字化扫描图像存储要求精度高、色彩逼真,受限于扫描仪可支持的最大扫描幅面,超大幅面档案扫描多采用分区扫描形成多幅图像,扫描生成的图像文件具有图片尺寸大、文件容量大的显著特性,在网络利用时容易出现图片显示缓慢和无法显示的问题。
超大幅档案扫描图像文件通常形成的是TIFF格式文件或是JPEG格式文件,Web浏览器无法直接浏览TIFF图像文件。当前主流Web浏览器(包括IE、FireFox,Chrome、Safari)均暂未提供直接浏览该格式文件的方法。常用的方法有:(一)使用文件格式转换工具将扫描形成的TIFF图像文件转换为JPG格式的利用文件;(二)在用户终端安装插件,比如常见的有AlternaTIFF插件,借助第三方插件在浏览器中浏览。由于客户终端操作系统和浏览器种类的多样性,这种方式往往仅能支持部分场景,无法在复杂的终端环境中通用。超大幅面档案扫描图像文件过大时,本地打开查看文件对计算机的配置就有相当高的要求,Web浏览存在加载庞大数据文件的网络性能问题,导致图片长时间没有下载完成而无法及时浏览,甚至可能引起浏览器崩溃,影响用户体验。
发明内容
本发明的目的在于提供一种图像文件的显示方法、装置及系统,以改善上述问题。为了实现上述目的,本发明采取的技术方案如下:
第一方面,本发明实施例提供了一种图像文件的显示方法,所述方法包括用户终端向服务器发起所述图像文件的浏览请求;接收到所述服务器响应于所述浏览请求返回的索引文件数据后,创建绘图环境;基于所述绘图环境,获取当前显示窗口中所需加载的所述图像文件对应的所有瓦片信息;将所述所有瓦片信息发送给所述服务器,以便所述服务器根据所述所有瓦片信息,查找所述所有瓦片信息各自对应的瓦片数据文件并发送给所述用户终端;基于接收到的所述所有瓦片信息各自对应的瓦片数据文件,在当前显示窗口中绘制并显示所述瓦片数据文件对应的图像。
第二方面,本发明实施例提供了一种图像文件的显示方法,所述方法包括用户终端向服务器发起所述图像文件的浏览请求;所述服务器向所述用户终端返回响应于所述浏览请求的索引文件数据;用户终端接收到所述索引文件数据后,创建绘图环境,基于所述绘图环境,获取当前显示窗口中所需加载的所述图像文件对应的所有瓦片信息,将所述所有瓦片信息发送给所述服务器;所述服务器根据所述所有瓦片信息,查找所述所有瓦片信息各自对应的瓦片数据文件并发送给所述用户终端;用户终端基于接收到的所述所有瓦片信息各自对应的瓦片数据文件,在当前显示窗口中绘制并显示所述瓦片数据文件对应的图像。
第三方面,本发明实施例提供了一种图像文件的显示装置,所述装置包括第一发送单元、创建单元、获取单元、第二发送单元和显示单元。第一发送单元,用于向服务器发起所述图像文件的浏览请求。创建单元,用于接收到所述服务器响应于所述浏览请求返回的索引文件数据后,创建绘图环境。获取单元,用于基于所述绘图环境,获取当前显示窗口中所需加载的所述图像文件对应的所有瓦片信息。第二发送单元,用于将所述所有瓦片信息发送给所述服务器,以便所述服务器根据所述所有瓦片信息,查找所述所有瓦片信息各自对应的瓦片数据文件并发送给用户终端。显示单元,用于基于接收到的所述所有瓦片信息各自对应的瓦片数据文件,在当前显示窗口中绘制并显示所述瓦片数据文件对应的图像。
第四方面,本发明实施例提供了一种图像文件的显示系统,所述系统包括用户终端和服务器。用户终端,用于向服务器发起所述图像文件的浏览请求。所述服务器,用于向所述用户终端返回响应于所述浏览请求的索引文件数据。用户终端,还用于接收到所述索引文件数据后,创建绘图环境,基于所述绘图环境,获取当前显示窗口中所需加载的所述图像文件对应的所有瓦片信息,将所述所有瓦片信息发送给所述服务器。所述服务器,还用于根据所述所有瓦片信息,查找所述所有瓦片信息各自对应的瓦片数据文件并发送给所述用户终端。用户终端,还用于基于接收到的所述所有瓦片信息各自对应的瓦片数据文件,在当前显示窗口中绘制并显示所述瓦片数据文件对应的图像。
本发明实施例提供的一种图像文件的显示方法、装置及系统,用户终端向服务器发起所述图像文件的浏览请求;接收到所述服务器响应于所述浏览请求返回的索引文件数据后,创建绘图环境;基于所述绘图环境,获取当前显示窗口中所需加载的所述图像文件对应的所有瓦片信息;再将所述所有瓦片信息发送给所述服务器,以便所述服务器根据所述所有瓦片信息,查找所述所有瓦片信息各自对应的瓦片数据文件并发送给所述用户终端;然后基于接收到的所述所有瓦片信息各自对应的瓦片数据文件,在当前显示窗口中绘制并显示所述瓦片数据文件对应的图像,以此实现实时计算和加载当前显示窗口中图像文件对应的瓦片数据,提高页面加载性能,提升用户体验。
本发明的其他特征和优点将在随后的说明书阐述,并且,部分地从说明书中变得显而易见,或者通过实施本发明实施例了解。本发明的目的和其他优点可通过在所写的说明书、权利要求书、以及附图中所特别指出的结构来实现和获得。
附图说明
为了更清楚地说明本发明实施例的技术方案,下面将对实施例中所需要使用的附图作简单地介绍,应当理解,以下附图仅示出了本发明的某些实施例,因此不应被看作是对范围的限定,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他相关的附图。
图1为本发明实施例的应用环境;
图2为本发明实施例提供的用户终端的结构框图;
图3为本发明实施例提供的图像文件的显示方法的流程图;
图4为本发明实施例提供的图像文件的显示方法中的瓦片显示示意图;
图5为本发明实施例提供的图像文件的显示方法的时序图;
图6为本发明实施例提供的图像文件的显示装置的结构框图。
具体实施方式
为使本发明实施例的目的、技术方案和优点更加清楚,下面将结合本发明实施例中的附图,对本发明实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例是本发明一部分实施例,而不是全部的实施例。通常在此处附图中描述和示出的本发明实施例的组件可以以各种不同的配置来布置和设计。因此,以下对在附图中提供的本发明的实施例的详细描述并非旨在限制要求保护的本发明的范围,而是仅仅表示本发明的选定实施例。基于本发明中的实施例,本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例,都属于本发明保护的范围。
应注意到:相似的标号和字母在下面的附图中表示类似项,因此,一旦某一项在一个附图中被定义,则在随后的附图中不需要对其进行进一步定义和解释。同时,在本发明的描述中,术语“第一”、“第二”等仅用于区分描述,而不能理解为指示或暗示相对重要性。
本发明下述各实施例如无特别说明均可应用于如图1所示的环境中,如图1所示,图像文件的显示系统可以包括用户终端100和服务器210。用户终端100通过网络200与服务器210连接。所述网络200可以是有线或无线网络。本发明实施例中,用户终端100和服务器210能够通过通信网络直接连接。用户终端100、服务器210可以在Wi-Fi(无线保真)网络、2G/3G/4G网络或局域网中建立通信连接。
用户终端100,用于向服务器210发起所述图像文件的浏览请求。
所述服务器210,用于向所述用户终端100返回响应于所述浏览请求的索引文件数据。
用户终端100,还用于接收到所述索引文件数据后,创建绘图环境,基于所述绘图环境,获取当前显示窗口中所需加载的所述图像文件对应的所有瓦片信息,将所述所有瓦片信息发送给所述服务器210。
所述服务器210,还用于根据所述所有瓦片信息,查找所述所有瓦片信息各自对应的瓦片数据文件并发送给所述用户终端100。
用户终端100,还用于基于接收到的所述所有瓦片信息各自对应的瓦片数据文件,在当前显示窗口中绘制并显示所述瓦片数据文件对应的图像。
请参阅图2,示出了一种可应用于本发明实施例中的用户终端100的结构框图。用户终端100可以包括存储器102、存储控制器104、一个或多个(图2中仅示出一个)处理器106、外设接口108、输入输出模块110、音频模块112、显示模块114、射频模块116和图像文件的显示装置。
存储器102、存储控制器104、处理器106、外设接口108、输入输出模块110、音频模块112、显示模块114、射频模块116各元件之间直接或间接地电连接,以实现数据的传输或交互。例如,这些元件之间可以通过一条或多条通讯总线或信号总线实现电连接。图像文件的显示方法分别包括至少一个可以以软件或固件(firmware)的形式存储于存储器102中的软件功能模块,例如所述图像文件的显示装置包括的软件功能模块或计算机程序。
存储器102可以存储各种软件程序以及模块,如本申请实施例提供的图像文件的显示方法及装置对应的程序指令/模块。处理器106通过运行存储在存储器102中的软件程序以及模块,从而执行各种功能应用以及数据处理,即实现本申请实施例中的图像文件的显示方法。
存储器102可以包括但不限于随机存取存储器(Random Access Memory,RAM),只读存储器(Read Only Memory,ROM),可编程只读存储器(Programmable Read-OnlyMemory,PROM),可擦除只读存储器(Erasable Programmable Read-Only Memory,EPROM),电可擦除只读存储器(Electric Erasable Programmable Read-Only Memory,EEPROM)等。
处理器106可以是一种集成电路芯片,具有信号处理能力。上述处理器可以是通用处理器,包括中央处理器(Central Processing Unit,简称CPU)、网络处理器(NetworkProcessor,简称NP)等;还可以是数字信号处理器(DSP)、专用集成电路(ASIC)、现成可编程门阵列(FPGA)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件。其可以实现或者执行本申请实施例中的公开的各方法、步骤及逻辑框图。通用处理器可以是微处理器或者该处理器也可以是任何常规的处理器等。
所述外设接口108将各种输入/输入装置耦合至处理器106以及存储器102。在一些实施例中,外设接口108、处理器106以及存储控制器104可以在单个芯片中实现。在其他一些实例中,他们可以分别由独立的芯片实现。
输入输出模块110用于提供给用户输入数据实现用户与用户终端100的交互。所述输入输出模块110可以是,但不限于,鼠标和键盘等。
音频模块112向用户提供音频接口,其可包括一个或多个麦克风、一个或者多个扬声器以及音频电路。
显示模块114在用户终端100与用户之间提供一个交互界面(例如用户操作界面)或用于显示图像数据给用户参考。在本实施例中,所述显示模块114可以是液晶显示器或触控显示器。若为触控显示器,其可为支持单点和多点触控操作的电容式触控屏或电阻式触控屏等。支持单点和多点触控操作是指触控显示器能感应到来自该触控显示器上一个或多个位置处同时产生的触控操作,并将该感应到的触控操作交由处理器106进行计算和处理。
射频模块116用于接收以及发送电磁波,实现电磁波与电信号的相互转换,从而与通信网络或者其他设备进行通信。
可以理解,图2所示的结构仅为示意,用户终端100还可包括比图2中所示更多或者更少的组件,或者具有与图2所示不同的配置。图2中所示的各组件可以采用硬件、软件或其组合实现。
于本发明实施例中,该用户终端100可以为PC(personal computer)电脑、平板电脑、手机、笔记本电脑、智能电视、机顶盒、车载终端等终端设备。用户终端100中安装有客户端,该客户端可以是浏览器,与服务器(Server)端相对应。
请参阅图3,本发明实施例提供了一种图像文件的显示方法,所述方法包括步骤S300、步骤S310、步骤S320、步骤S330和步骤S340。
步骤S300:用户终端向服务器发起所述图像文件的浏览请求。
用户通过用户终端安装的浏览器向服务器发送图像文件的浏览请求。
在本实施中,所述图像文件可以包括多页档案扫描图像。所述档案扫描图像可以包括超大幅面档案扫描图像。例如超大幅面档案扫描图像可以为书画、图纸、布告等珍贵档案,扫描后的图像文件。一般采用TIFF格式存储,扫描生成的文件图片尺寸大、文件容量大。
步骤S310:接收到所述服务器响应于所述浏览请求返回的索引文件数据后,创建绘图环境。
在本实施例中,采用瓦片切割技术,对图像文件进行瓦片切割,获取所述图像文件对应的瓦片数据文件并生成索引文件数据,将所述图像文件对应的瓦片数据文件以及索引文件数据预先存储在服务器上。该索引文件index.json用来描述图像文件如TIFF文件的瓦片切分信息,可以包括TIFF文件的总页数totalPages,针对TIFF的每一页,分别记录该页的页号pageNo、该页图像的宽度width、该页图像的高度height。
进一步地,基于步骤S310,接收到所述服务器响应于所述浏览请求返回的索引文件数据后,根据当前显示窗口的尺寸,创建绘图对象及设定绘图参数,以创建绘图环境。
根据浏览器当前显示窗口的屏幕尺寸,创建大小合适的绘图对象,设定绘图参数(包括TIFF文件的页号,缩放级别,显示窗口高度和宽度,坐标原点位置),以创建绘图环境。初始显示时,设定缩放级别为最大值,用户通过浏览器按照区域进行选择。
定义当前缩放级别对应的所有瓦片拼接形成的完整图像视图为物理视图,定义当前显示窗口显示的瓦片拼接视图为逻辑视图,逻辑视图的大小和屏幕显示窗口大小相同,逻辑视图的左上角在物理视图中的位置坐标称为逻辑原点,用(x0,y0)表示,如图4所示。
步骤S320:基于所述绘图环境,获取当前显示窗口中所需加载的所述图像文件对应的所有瓦片信息。
具体地,根据所述绘图环境中,设定的绘图参数,获取当前显示窗口中所需加载的所述图像文件对应的所有瓦片信息。
假设坐标原点在物理视图中的坐标为(x0,y0),需要加载的瓦片横向编号从x0/300到(x0+逻辑视图宽度)/300,纵向编号从y0/300到(y0+逻辑视图宽度)/300。假设当前缩放级别为s,瓦片横向编号为x,瓦片纵向编号为y,则瓦片编号s.x.y。其中x0/300<=x<=(x0+逻辑视图宽度)/300,y0/300<=y<=(y0+逻辑视图高度)/300。
步骤S330:将所述所有瓦片信息发送给所述服务器,以便所述服务器根据所述所有瓦片信息,查找所述所有瓦片信息各自对应的瓦片数据文件并发送给所述用户终端。
进一步地,每个瓦片信息包括所述图像文件的名称、当前显示的页号和瓦片编号,将所述所有瓦片信息发送给所述服务器,以便所述服务器根据所述图像文件的名称和当前显示的页号,查找到瓦片数据文件的位置,再根据所述瓦片编号,查找到所述瓦片数据文件,基于上述步骤,查找所述所有瓦片信息各自对应的瓦片数据文件并发送给所述用户终端。
例如,所述图像文件的名称为abc.GIF,当前显示的页号为第3页,服务器查找到对应的瓦片位置为/abc/3,缩放级别为2时,瓦片编号为2.1.1的瓦片对应的数据文件是2.1.1.jpg,以此类推,最后,服务器将查找到的所有瓦片数据文件发送给用户终端。
步骤S340:基于接收到的所述所有瓦片信息各自对应的瓦片数据文件,在当前显示窗口中绘制并显示所述瓦片数据文件对应的图像。
进一步地,每个瓦片信息包括瓦片编号,基于步骤S340,基于接收到的所述所有瓦片信息各自对应的瓦片数据文件,根据每个瓦片编号及预设的坐标计算规则,获得每个瓦片数据文件在当前显示窗口对应的逻辑坐标;在当前显示窗口对应的逻辑坐标处绘制每个瓦片数据文件对应的图像并拼接显示。
在本实施例中,把当前显示窗口对应的视图称为逻辑视图,逻辑视图对应的坐标为逻辑坐标。假设坐标原点在物理视图中的坐标为(x0,y0),物理坐标(x1,y1)转化为逻辑坐标(xx1,yy1)为:xx1=x1-x0,yy1=y1-y0。所述预设的坐标计算规则为:假设瓦片编号为s.x.y,则该瓦片在物理视图中的坐标为(300*(x-1),300*(y-1)),对应的逻辑坐标位置为(300*(x-1)-x0,300*(y-1)-y0)。遍历从服务器获取的所有瓦片数据文件,针对每个瓦片s.x.y,根据瓦片编号计算出其在物理视图中的物理坐标(300*(x-1),300*(y-1)),将物理坐标转化为逻辑坐标(300*(x-1)-x0,300*(y-1)-y0),在逻辑视图中该逻辑坐标处绘制瓦片对应的图像。以此类似,遍历从服务器获取的所有瓦片数据文件,并计算出所有瓦片数据文件在当前显示窗口对应的逻辑坐标;在当前显示窗口对应的逻辑坐标处绘制每个瓦片数据文件对应的图像并拼接显示。至此浏览器完成图像文件首个逻辑窗口的显示。
在步骤S340之后,所述方法还可以包括:检测到用户触发对当前显示窗口显示的图像的控制指令时,向所述服务器获取更新的瓦片数据文件并绘制所述更新的瓦片数据文件对应的图像。
所述控制指令可以包括放大、缩小或平移。超大幅面档案扫描图像由于尺寸过大默认显示的缩放级别也较大,用户请求放大(缩写)查看清晰(缩略)图像时,浏览器从服务端获取新的缩放级别的逻辑视图瓦片并绘制。当缩放级别较小情况下,物理视图明显大于逻辑视图区域,用户平移查看物理视图的不同区域,此时逻辑视图的原点发生改变,浏览器从服务端获取新的逻辑视图瓦片并绘制。以此实现根据浏览器缩小、放大、平移查看其它区域的请求自动加载相关图像区域的瓦片数据并显示窗口图像;请求缩放文件时加载的是不同缩放级别的瓦片数据,能保证超大幅面高清彩色扫描图像放大查看时保持原有显示效果,发挥超大幅面档案检索利用价值。
本发明实施例提供的一种图像文件的显示方法、装置及系统,用户终端向服务器发起所述图像文件的浏览请求;接收到所述服务器响应于所述浏览请求返回的索引文件数据后,创建绘图环境;基于所述绘图环境,获取当前显示窗口中所需加载的所述图像文件对应的所有瓦片信息;再将所述所有瓦片信息发送给所述服务器,以便所述服务器根据所述所有瓦片信息,查找所述所有瓦片信息各自对应的瓦片数据文件并发送给所述用户终端;然后基于接收到的所述所有瓦片信息各自对应的瓦片数据文件,在当前显示窗口中绘制并显示所述瓦片数据文件对应的图像,以此实现实时计算和加载当前显示窗口中图像文件对应的瓦片数据,提高页面加载性能,提升用户体验。
请参阅图5,本发明实施例提供了一种图像文件的显示方法,所述方法包括:
步骤S400:用户终端向服务器发起所述图像文件的浏览请求;
步骤S410:所述服务器向所述用户终端返回响应于所述浏览请求的索引文件数据;
步骤S420:用户终端接收到所述索引文件数据后,创建绘图环境,基于所述绘图环境,获取当前显示窗口中所需加载的所述图像文件对应的所有瓦片信息,将所述所有瓦片信息发送给所述服务器;
步骤S430:所述服务器根据所述所有瓦片信息,查找所述所有瓦片信息各自对应的瓦片数据文件并发送给所述用户终端;
作为一种实施方式,每个瓦片信息包括所述图像文件的名称、当前显示的页号和瓦片编号,基于步骤S430,所述服务器根据所述图像文件的名称和当前显示的页号,查找到瓦片数据文件的位置,再根据所述瓦片编号,查找到所述瓦片数据文件,基于上述步骤,查找所述所有瓦片信息各自对应的瓦片数据文件并发送给所述用户终端。
步骤S440:用户终端基于接收到的所述所有瓦片信息各自对应的瓦片数据文件,在当前显示窗口中绘制并显示所述瓦片数据文件对应的图像。
本发明实施例提供的一种图像文件的显示方法,实现实时计算和加载当前显示窗口中图像文件对应的瓦片数据,提高页面加载性能,提升用户体验。
请参阅图6,本发明实施例提供了一种图像文件的显示装置500,所述装置500可以包括第一发送单元510、创建单元520、获取单元530、第二发送单元540和显示单元550。
第一发送单元510,用于向服务器发起所述图像文件的浏览请求。
创建单元520,用于接收到所述服务器响应于所述浏览请求返回的索引文件数据后,创建绘图环境。
作为一种实施方式,创建单元520可以包括创建子单元521。
创建子单元521,用于接收到所述服务器响应于所述浏览请求返回的索引文件数据后,根据当前显示窗口的尺寸,创建绘图对象及设定绘图参数,以创建绘图环境。
获取单元530,用于基于所述绘图环境,获取当前显示窗口中所需加载的所述图像文件对应的所有瓦片信息。
第二发送单元540,用于将所述所有瓦片信息发送给所述服务器,以便所述服务器根据所述所有瓦片信息,查找所述所有瓦片信息各自对应的瓦片数据文件并发送给用户终端。
显示单元550,用于基于接收到的所述所有瓦片信息各自对应的瓦片数据文件,在当前显示窗口中绘制并显示所述瓦片数据文件对应的图像。
每个瓦片信息包括瓦片编号,所述显示单元550可以包括坐标获得子单元551和显示子单元552。
坐标获得子单元551,用于基于接收到的所述所有瓦片信息各自对应的瓦片数据文件,根据每个瓦片编号及预设的坐标计算规则,获得每个瓦片数据文件在当前显示窗口对应的逻辑坐标。
显示子单元552,用于在当前显示窗口对应的逻辑坐标处绘制每个瓦片数据文件对应的图像并显示。
所述装置500还可以包括检测单元560。
检测单元,用于检测到用户触发对当前显示窗口显示的图像的控制指令时,向所述服务器获取更新的瓦片数据文件并绘制所述更新的瓦片数据文件对应的图像。
以上各单元可以是由软件代码实现,此时,上述的各单元可存储于存储器102内。以上各单元同样可以由硬件例如集成电路芯片实现。
本发明实施例提供的图像文件的显示装置500,其实现原理及产生的技术效果和前述方法实施例相同,为简要描述,装置实施例部分未提及之处,可参考前述方法实施例中相应内容。
在本申请所提供的几个实施例中,应该理解到,所揭露的装置和方法,也可以通过其它的方式实现。以上所描述的装置实施例仅仅是示意性的,例如,附图中的流程图和框图显示了根据本发明的多个实施例的装置、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上,流程图或框图中的每个方框可以代表一个模块、程序段或代码的一部分,所述模块、程序段或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意,在有些作为替换的实现方式中,方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如,两个连续的方框实际上可以基本并行地执行,它们有时也可以按相反的顺序执行,这依所涉及的功能而定。也要注意的是,框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合,可以用执行规定的功能或动作的专用的基于硬件的系统来实现,或者可以用专用硬件与计算机指令的组合来实现。
另外,在本发明各个实施例中的各功能模块可以集成在一起形成一个独立的部分,也可以是各个模块单独存在,也可以两个或两个以上模块集成形成一个独立的部分。
所述功能如果以软件功能模块的形式实现并作为独立的产品销售或使用时,可以存储在一个计算机可读取存储介质中。基于这样的理解,本发明的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的部分可以以软件产品的形式体现出来,该计算机软件产品存储在一个存储介质中,包括若干指令用以使得一台计算机设备(可以是个人计算机,服务器,或者网络设备等)执行本发明各个实施例所述方法的全部或部分步骤。而前述的存储介质包括:U盘、移动硬盘、只读存储器(ROM,Read-Only Memory)、随机存取存储器(RAM,Random Access Memory)、磁碟或者光盘等各种可以存储程序代码的介质。需要说明的是,在本文中,诸如第一和第二等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来,而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且,术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素,而且还包括没有明确列出的其他要素,或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下,由语句“包括一个……”限定的要素,并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。
以上所述仅为本发明的优选实施例而已,并不用于限制本发明,对于本领域的技术人员来说,本发明可以有各种更改和变化。凡在本发明的精神和原则之内,所作的任何修改、等同替换、改进等,均应包含在本发明的保护范围之内。应注意到:相似的标号和字母在下面的附图中表示类似项,因此,一旦某一项在一个附图中被定义,则在随后的附图中不需要对其进行进一步定义和解释。
以上所述,仅为本发明的具体实施方式,但本发明的保护范围并不局限于此,任何熟悉本技术领域的技术人员在本发明揭露的技术范围内,可轻易想到变化或替换,都应涵盖在本发明的保护范围之内。因此,本发明的保护范围应所述以权利要求的保护范围为准。
需要说明的是,在本文中,诸如第一和第二等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来,而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且,术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素,而且还包括没有明确列出的其他要素,或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下,由语句“包括一个……”限定的要素,并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。

Claims (10)

1.一种图像文件的显示方法,其特征在于,所述方法包括:
用户终端向服务器发起所述图像文件的浏览请求;
接收到所述服务器响应于所述浏览请求返回的索引文件数据后,创建绘图环境;
基于所述绘图环境,获取当前显示窗口中所需加载的所述图像文件对应的所有瓦片信息;
将所述所有瓦片信息发送给所述服务器,以便所述服务器根据所述所有瓦片信息,查找所述所有瓦片信息各自对应的瓦片数据文件并发送给所述用户终端;
基于接收到的所述所有瓦片信息各自对应的瓦片数据文件,在当前显示窗口中绘制并显示所述瓦片数据文件对应的图像。
2.根据权利要求1所述的方法,其特征在于,所述接收到所述服务器响应于所述浏览请求返回的索引文件数据后,创建绘图环境,包括:
接收到所述服务器响应于所述浏览请求返回的索引文件数据后,根据当前显示窗口的尺寸,创建绘图对象及设定绘图参数,以创建绘图环境。
3.根据权利要求1所述的方法,其特征在于,每个瓦片信息包括瓦片编号,所述基于接收到的所述所有瓦片信息各自对应的瓦片数据文件,在当前显示窗口中绘制并显示所述瓦片数据文件对应的图像,包括:
基于接收到的所述所有瓦片信息各自对应的瓦片数据文件,根据每个瓦片编号及预设的坐标计算规则,获得每个瓦片数据文件在当前显示窗口对应的逻辑坐标;
在当前显示窗口对应的逻辑坐标处绘制每个瓦片数据文件对应的图像并拼接显示。
4.根据权利要求1所述的方法,其特征在于,所述方法还包括:
检测到用户触发对当前显示窗口显示的图像的控制指令时,向所述服务器获取更新的瓦片数据文件并绘制所述更新的瓦片数据文件对应的图像。
5.一种图像文件的显示方法,其特征在于,所述方法包括:
用户终端向服务器发起所述图像文件的浏览请求;
所述服务器向所述用户终端返回响应于所述浏览请求的索引文件数据;
用户终端接收到所述索引文件数据后,创建绘图环境,基于所述绘图环境,获取当前显示窗口中所需加载的所述图像文件对应的所有瓦片信息,将所述所有瓦片信息发送给所述服务器;
所述服务器根据所述所有瓦片信息,查找所述所有瓦片信息各自对应的瓦片数据文件并发送给所述用户终端;
用户终端基于接收到的所述所有瓦片信息各自对应的瓦片数据文件,在当前显示窗口中绘制并显示所述瓦片数据文件对应的图像。
6.根据权利要求5所述的方法,其特征在于,每个瓦片信息包括所述图像文件的名称、当前显示的页号和瓦片编号,所述服务器根据所述所有瓦片信息,查找所述所有瓦片信息各自对应的瓦片数据文件并发送给所述用户终端,包括:
所述服务器根据所述图像文件的名称和当前显示的页号,查找到瓦片数据文件的位置,再根据所述瓦片编号,查找到所述瓦片数据文件,基于上述步骤,查找所述所有瓦片信息各自对应的瓦片数据文件并发送给所述用户终端。
7.一种图像文件的显示装置,其特征在于,所述装置包括:
第一发送单元,用于向服务器发起所述图像文件的浏览请求;
创建单元,用于接收到所述服务器响应于所述浏览请求返回的索引文件数据后,创建绘图环境;
获取单元,用于基于所述绘图环境,获取当前显示窗口中所需加载的所述图像文件对应的所有瓦片信息;
第二发送单元,用于将所述所有瓦片信息发送给所述服务器,以便所述服务器根据所述所有瓦片信息,查找所述所有瓦片信息各自对应的瓦片数据文件并发送给用户终端;
显示单元,用于基于接收到的所述所有瓦片信息各自对应的瓦片数据文件,在当前显示窗口中绘制并显示所述瓦片数据文件对应的图像。
8.根据权利要求7所述的装置,其特征在于,创建单元包括:
创建子单元,用于接收到所述服务器响应于所述浏览请求返回的索引文件数据后,根据当前显示窗口的尺寸,创建绘图对象及设定绘图参数,以创建绘图环境。
9.根据权利要求7所述的装置,其特征在于,每个瓦片信息包括瓦片编号,所述显示单元包括:
坐标获得子单元,用于基于接收到的所述所有瓦片信息各自对应的瓦片数据文件,根据每个瓦片编号及预设的坐标计算规则,获得每个瓦片数据文件在当前显示窗口对应的逻辑坐标;
显示子单元,用于在当前显示窗口对应的逻辑坐标处绘制每个瓦片数据文件对应的图像并显示。
10.一种图像文件的显示系统,其特征在于,所述系统包括用户终端和服务器;
用户终端,用于向服务器发起所述图像文件的浏览请求;
所述服务器,用于向所述用户终端返回响应于所述浏览请求的索引文件数据;
用户终端,还用于接收到所述索引文件数据后,创建绘图环境,基于所述绘图环境,获取当前显示窗口中所需加载的所述图像文件对应的所有瓦片信息,将所述所有瓦片信息发送给所述服务器;
所述服务器,还用于根据所述所有瓦片信息,查找所述所有瓦片信息各自对应的瓦片数据文件并发送给所述用户终端;
用户终端,还用于基于接收到的所述所有瓦片信息各自对应的瓦片数据文件,在当前显示窗口中绘制并显示所述瓦片数据文件对应的图像。
CN201710664262.1A 2017-08-04 2017-08-04 图像文件的显示方法、装置及系统 Pending CN107403014A (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201710664262.1A CN107403014A (zh) 2017-08-04 2017-08-04 图像文件的显示方法、装置及系统

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201710664262.1A CN107403014A (zh) 2017-08-04 2017-08-04 图像文件的显示方法、装置及系统

Publications (1)

Publication Number Publication Date
CN107403014A true CN107403014A (zh) 2017-11-28

Family

ID=60401951

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201710664262.1A Pending CN107403014A (zh) 2017-08-04 2017-08-04 图像文件的显示方法、装置及系统

Country Status (1)

Country Link
CN (1) CN107403014A (zh)

Cited By (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN109656880A (zh) * 2018-12-20 2019-04-19 努比亚技术有限公司 一种镜像文件系统解耦方法及装置、移动终端及存储介质
CN110187924A (zh) * 2019-05-29 2019-08-30 吉林亿联银行股份有限公司 图片加载方法及装置
CN110941589A (zh) * 2018-09-21 2020-03-31 珠海金山办公软件有限公司 一种图片导出方法、装置、电子设备及可读存储介质
CN111078814A (zh) * 2019-12-10 2020-04-28 孝感科先电力工程咨询设计有限责任公司 一种基于瓦片地图的地图绘制方法
CN113449162A (zh) * 2021-06-28 2021-09-28 广州极飞科技股份有限公司 点云数据展示系统、方法、装置、存储介质及电子设备

Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN103093040A (zh) * 2012-12-31 2013-05-08 中铁第四勘察设计院集团有限公司 网络地图影像的工程化应用方法
CN105469434A (zh) * 2015-12-31 2016-04-06 中南林业科技大学 一种在Android系统上浏览大型遥感影像的方法
CN106991143A (zh) * 2017-03-22 2017-07-28 苏州中科图新网络科技有限公司 多层级图像文件、生成方法及装置、读取方法及装置

Patent Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN103093040A (zh) * 2012-12-31 2013-05-08 中铁第四勘察设计院集团有限公司 网络地图影像的工程化应用方法
CN105469434A (zh) * 2015-12-31 2016-04-06 中南林业科技大学 一种在Android系统上浏览大型遥感影像的方法
CN106991143A (zh) * 2017-03-22 2017-07-28 苏州中科图新网络科技有限公司 多层级图像文件、生成方法及装置、读取方法及装置

Non-Patent Citations (1)

* Cited by examiner, † Cited by third party
Title
陈辉: ""Web方式下电子海图的显示技术研究与应用"", 《中国优秀硕士学位论文全文数据库 信息科技辑》 *

Cited By (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN110941589A (zh) * 2018-09-21 2020-03-31 珠海金山办公软件有限公司 一种图片导出方法、装置、电子设备及可读存储介质
CN109656880A (zh) * 2018-12-20 2019-04-19 努比亚技术有限公司 一种镜像文件系统解耦方法及装置、移动终端及存储介质
CN110187924A (zh) * 2019-05-29 2019-08-30 吉林亿联银行股份有限公司 图片加载方法及装置
CN111078814A (zh) * 2019-12-10 2020-04-28 孝感科先电力工程咨询设计有限责任公司 一种基于瓦片地图的地图绘制方法
CN111078814B (zh) * 2019-12-10 2023-06-20 孝感科先电力工程咨询设计有限责任公司 一种基于瓦片地图的地图绘制方法
CN113449162A (zh) * 2021-06-28 2021-09-28 广州极飞科技股份有限公司 点云数据展示系统、方法、装置、存储介质及电子设备
CN113449162B (zh) * 2021-06-28 2024-06-07 广州极飞科技股份有限公司 点云数据展示系统、方法、装置、存储介质及电子设备

Similar Documents

Publication Publication Date Title
CN107403014A (zh) 图像文件的显示方法、装置及系统
US9990347B2 (en) Borderless table detection engine
RU2585972C2 (ru) Модуль обнаружения формул
US10902254B2 (en) Converting a captured image of a layout to a structured document template
US10466859B2 (en) Method and system for creating a site on a user terminal
CN107066174A (zh) 浮层显示方法、装置及用户终端
US20130191366A1 (en) Pattern Matching Engine
EP2965229A1 (en) Automatic alignment of a multi-dimensional layout
CN103733172A (zh) 用于文本选择/光标放置的自动缩放
WO2016018683A1 (en) Image based search to identify objects in documents
US11721052B2 (en) Floorplan image tiles
CN103559194B (zh) 一种搜索方法、服务器、系统
CN107357483A (zh) 数据分享方法及装置、计算机设备和计算机可读存储介质
KR102551343B1 (ko) 전자 장치 및 그 제어 방법
WO2015043230A1 (en) Method, mobile terminal, and server for displaying data analysis result
CN102819386A (zh) 一种显示网页中图片的方法和装置
US20180129846A1 (en) Two dimension code operating method and terminal
CN107451277A (zh) 图像文件处理方法及装置
WO2016018682A1 (en) Processing image to identify object for insertion into document
CN105022723A (zh) 表格生成方法和装置
CN103034468B (zh) 一种显示文本的方法及装置
CN104808895A (zh) 一种图标整理方法
CN104462250B (zh) 计算设备的浏览器与移动终端的通信
JP2005025287A (ja) 検索サイトのサーバ、及び検索用ページ提供方法
CN103164504A (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
RJ01 Rejection of invention patent application after publication

Application publication date: 20171128

RJ01 Rejection of invention patent application after publication