CN111767490B - 用于展示图像的方法、装置、设备以及存储介质 - Google Patents
用于展示图像的方法、装置、设备以及存储介质 Download PDFInfo
- Publication number
- CN111767490B CN111767490B CN202010612626.3A CN202010612626A CN111767490B CN 111767490 B CN111767490 B CN 111767490B CN 202010612626 A CN202010612626 A CN 202010612626A CN 111767490 B CN111767490 B CN 111767490B
- Authority
- CN
- China
- Prior art keywords
- image
- target
- coordinate information
- drawn
- determining
- 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 65
- 238000011068 loading method Methods 0.000 claims abstract description 21
- 238000005192 partition Methods 0.000 claims description 31
- 230000015654 memory Effects 0.000 claims description 19
- 238000009877 rendering Methods 0.000 claims description 14
- 230000008569 process Effects 0.000 claims description 11
- 230000004044 response Effects 0.000 claims description 8
- 238000013519 translation Methods 0.000 claims description 5
- 230000000903 blocking effect Effects 0.000 claims description 3
- 238000012217 deletion Methods 0.000 claims description 2
- 230000037430 deletion Effects 0.000 claims description 2
- 238000012545 processing Methods 0.000 abstract description 7
- 238000004891 communication Methods 0.000 description 7
- 238000004590 computer program Methods 0.000 description 7
- 238000010586 diagram Methods 0.000 description 7
- 230000006870 function Effects 0.000 description 4
- 230000000694 effects Effects 0.000 description 3
- 230000003993 interaction Effects 0.000 description 3
- 238000012986 modification Methods 0.000 description 3
- 230000004048 modification Effects 0.000 description 3
- 238000005516 engineering process Methods 0.000 description 2
- 239000004973 liquid crystal related substance Substances 0.000 description 2
- 230000003139 buffering effect Effects 0.000 description 1
- 230000001413 cellular effect Effects 0.000 description 1
- 239000003086 colorant Substances 0.000 description 1
- 238000010276 construction Methods 0.000 description 1
- 230000007547 defect Effects 0.000 description 1
- 238000013461 design Methods 0.000 description 1
- 239000000835 fiber Substances 0.000 description 1
- 238000010295 mobile communication Methods 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
- 230000001953 sensory effect Effects 0.000 description 1
- 238000006467 substitution reaction Methods 0.000 description 1
- 230000000007 visual effect Effects 0.000 description 1
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/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/957—Browsing optimisation, e.g. caching or content distillation
- G06F16/9574—Browsing optimisation, e.g. caching or content distillation of access to content, e.g. by caching
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F12/00—Accessing, addressing or allocating within memory systems or architectures
- G06F12/02—Addressing or allocation; Relocation
- G06F12/08—Addressing or allocation; Relocation in hierarchically structured memory systems, e.g. virtual memory systems
- G06F12/12—Replacement control
- G06F12/121—Replacement control using replacement algorithms
- G06F12/123—Replacement control using replacement algorithms with age lists, e.g. queue, most recently used [MRU] list or least recently used [LRU] list
-
- 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
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Software Systems (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Databases & Information Systems (AREA)
- Human Computer Interaction (AREA)
- Data Mining & Analysis (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本申请公开了用于展示图像的方法、装置、设备以及存储介质,涉及图像处理、网页处理领域。具体实现方案为:获取目标物品的图像集合,图像集合包括目标物品的多个角度的图像;确定图像集合中至少一张图像的第一坐标信息;确定目标物品的浏览窗口的第二坐标信息;根据第一坐标信息以及第二坐标信息,在画布上绘制图像集合中的图像;展示绘制的图像。本实现方式可以根据图像的坐标和浏览窗口的坐标加载图像,提高了图像的加载速度,提高了用户的浏览体验。
Description
技术领域
本申请涉及计算机技术领域,具体涉及图像处理、网页处理领域,尤其涉及用于展示图像的方法、装置、设备以及存储介质。
背景技术
目前网上展示的物品照片大多是一幅或几幅平面照片和一个简单的放大方式,比如电子商务网站展示的商品等。一般的表现形式是通过点击一幅初始大小图,激活另一幅完整的放大图加载,加载后可以局部或全部展示。由于网速的原因,放大图在尺寸上不能太大,以免影响图像从服务器下载到用户电脑并显示到用户屏幕的速度。
发明内容
提供了一种用于展示图像的方法、装置、设备以及存储介质。
根据第一方面,提供了一种用于展示图像的方法,包括:获取目标物品的图像集合,图像集合包括目标物品的多个角度的图像;确定图像集合中至少一张图像的第一坐标信息;确定目标物品的浏览窗口的第二坐标信息;根据第一坐标信息以及第二坐标信息,在画布上绘制图像集合中的图像;展示绘制的图像。
根据第二方面,提供了一种用于展示图像的装置,包括:图像集合获取单元,被配置成获取目标物品的图像集合,图像集合包括目标物品的多个角度的图像;第一坐标确定单元,被配置成确定图像集合中至少一张图像的第一坐标信息;第二坐标确定单元,被配置成确定目标物品的浏览窗口的第二坐标信息;图像绘制单元,被配置成根据第一坐标信息以及第二坐标信息,在画布上绘制图像集合中的图像;图像展示单元,被配置成展示绘制的图像。
根据第三方面,提供了一种电子设备,包括:至少一个处理器;以及与所述至少一个处理器通信连接的存储器;其中,存储器存储有可被至少一个处理器执行的指令,所述指令被至少一个处理器执行,以使至少一个处理器能够执行如第一方面所描述的方法。
根据第四方面,提供了一种存储有计算机指令的非瞬时计算机可读存储介质,上述计算机指令用于使计算机执行如第一方面所描述的方法。
根据第五方面,提供了一种计算机程序产品,包括计算机程序,所述计算机程序在被计算单元执行时实现如第一方面所描述的方法。
根据本申请的技术解决了现有的图片展示方案不能加载尺寸较大的图像的问题,可以根据图像的坐标和浏览窗口的坐标加载图像,提高了图像的加载速度,提高了用户的浏览体验。
应当理解,本部分所描述的内容并非旨在标识本公开的实施例的关键或重要特征,也不用于限制本公开的范围。本公开的其它特征将通过以下的说明书而变得容易理解。
附图说明
附图用于更好地理解本方案,不构成对本申请的限定。其中:
图1是本申请的一个实施例可以应用于其中的示例性系统架构图;
图2是根据本申请的用于展示图像的方法的一个实施例的流程图;
图3是根据本申请的用于展示图像的方法的一个应用场景的示意图;
图4是根据本申请的用于展示图像的方法的另一个实施例的流程图;
图5是根据本申请的用于展示图像的装置的一个实施例的结构示意图;
图6是用来实现本申请实施例的用于展示图像的方法的电子设备的框图。
具体实施方式
以下结合附图对本申请的示范性实施例做出说明,其中包括本申请实施例的各种细节以助于理解,应当将它们认为仅仅是示范性的。因此,本领域普通技术人员应当认识到,可以对这里描述的实施例做出各种改变和修改,而不会背离本申请的范围和精神。同样,为了清楚和简明,以下的描述中省略了对公知功能和结构的描述。
需要说明的是,在不冲突的情况下,本申请中的实施例及实施例中的特征可以相互组合。下面将参考附图并结合实施例来详细说明本申请。
图1示出了可以应用本申请的用于展示图像的方法或用于展示图像的装置的实施例的示例性系统架构100。
如图1所示,系统架构100可以包括终端设备101、102、103,网络104和服务器105。网络104用以在终端设备101、102、103和服务器105之间提供通信链路的介质。网络104可以包括各种连接类型,例如有线、无线通信链路或者光纤电缆等等。
用户可以使用终端设备101、102、103通过网络104与服务器105交互,以接收或发送消息等。终端设备101、102、103上可以安装有各种通讯客户端应用,例如浏览器类应用、购物类应用、图像处理类应用等。
终端设备101、102、103可以是硬件,也可以是软件。当终端设备101、102、103为硬件时,可以是各种电子设备,包括但不限于智能手机、平板电脑、电子书阅读器、车载电脑、膝上型便携计算机和台式计算机等等。当终端设备101、102、103为软件时,可以安装在上述所列举的电子设备中。其可以实现成多个软件或软件模块(例如用来提供分布式服务),也可以实现成单个软件或软件模块。在此不做具体限定。
服务器105可以是提供各种服务的服务器,例如对终端设备101、102、103显示的网页上的图像提供支持的后台服务器。后台服务器可以将网页上的图像发送给终端设备101、102、103。
需要说明的是,服务器105可以是硬件,也可以是软件。当服务器105为硬件时,可以实现成多个服务器组成的分布式服务器集群,也可以实现成单个服务器。当服务器105为软件时,可以实现成多个软件或软件模块(例如用来提供分布式服务),也可以实现成单个软件或软件模块。在此不做具体限定。
需要说明的是,本申请实施例所提供的用于展示图像的方法一般由终端设备101、102、103执行。相应地,用于展示图像的装置一般设置于终端设备101、102、103中。
应该理解,图1中的终端设备、网络和服务器的数目仅仅是示意性的。根据实现需要,可以具有任意数目的终端设备、网络和服务器。
继续参考图2,示出了根据本申请的用于展示图像的方法的一个实施例的流程200。本实施例的用于展示图像的方法,包括以下步骤:
步骤201,获取目标物品的图像集合。
本实施例中,用于展示图像的方法的执行主体(例如图1所示的终端设备101、102、103)可以获取目标物品的图像集合。这里,目标物品可以是待显示的任意物品,例如可以是电商网站上售卖的物品。上述图像集合可以包括不同拍摄角度的目标物品的图像。具体的,图像集合中的图像可以是保持相机其它参数不变,只改变拍摄角度绕目标物体一圈获取到的一组图像。图像集合中的多个图像共同组成了目标物品某个观察平面上的360度效果,在这些图像之间配合交互的快速切换即可模拟3D展示的效果。执行主体可以通过多种方式获取上述图像集合,例如直接从相机处获取图像集合,或者从服务器处获取图像集合。
步骤202,确定图像集合中至少一张图像的第一坐标信息。
执行主体可以确定上述图像集合中各图像的第一坐标信息。上述第一坐标信息可以包括行坐标和列坐标。具体的,执行主体可以根据图像集合中图像的拍摄平面以及拍摄角度来确定各图像的第一坐标信息。具体的,如果图像集合中的各图像属于同一拍摄平面,则各图像的行坐标可以相同,例如均为0。执行主体可以根据单个拍摄平面中图像的数量,来确定图像的列坐标。例如,列坐标可以包括1,2,3……N,其中,N为单个拍摄平面中图像的数量。可以理解的是,对于每张图像,图像的左上角的坐标为(0,0)。
举例来说,图像集合中包括水平方向的36张图像以及竖直方向拍摄的36张图像。则执行主体可以将水平方向的36张图像的坐标设置为(0,1)(0,2)……(0,36),将竖直方向的36张图像的坐标设置为(1,1)(1,2)……(1,36)。
步骤203,确定目标物品的浏览窗口的第二坐标信息。
执行主体还可以确定目标物品的浏览窗口的第二坐标信息。这里,浏览窗口可以是一个矩形框,用户通过平移该矩形框可以实现浏览目标物品不同位置的图像,通过执行缩放操作可以实现对矩形框中图像的缩放。上述缩放操作可以包括拖动缩放按钮,或者可以包括按键与滚轮的结合。上述第二坐标信息可以包括横坐标、纵坐标、宽和高,用于表示矩形框的位置和浏览窗口对应的图像的大小。其中,横坐标和纵坐标用于表示浏览窗口左上角的位置。宽和高用于表示浏览窗口对应的图像与图像集合中的比例。可以理解的是,同一位置的不同缩放比例下,浏览窗口对应的图像与图像集合中的比例也不同。
步骤204,根据第一坐标信息以及第二坐标信息,在画布上绘制图像集合中的图像。
执行主体在确定第一坐标信息以及第二坐标信息后,可以在画布上绘制图像集合中的图像。具体的,执行主体可以根据第一坐标信息以及第二坐标信息,确定浏览窗口对应的图像。然后,执行主体可以在画布上绘制上述图像。举例来说,第一坐标信息为(0,2),第二坐标信息为(330,450,0.03,0.04)。则执行主体可以确定浏览窗口对应的图像为图像集合中的第2张图像,浏览窗口的左上角的位置为第2张图像的像素(330,450)处。浏览窗口的宽度为图像宽度的0.03倍,浏览窗口的高度为图像高度的0.04倍。上述画布可以为canvas画布,执行主体可以利用现有的技术在画布上绘制上述图像集合中的图像。
步骤205,展示绘制的图像。
在绘制完成后,执行主体可以展示上述绘制的图像,以供用户浏览目标物品和角度的图像。
参见图3,其示出了根据本申请的用于展示图像的方法的一个应用场景的示意图。在图3的应用场景中,用户通过终端301浏览某一网址中关于某一物品的图像。服务器302向终端301返回上述网址对应的网页,并将网页中物品的各图像发送给终端301。终端301通过步骤201~205的处理后,展示上述物品的图像以供用户浏览。
本申请的上述实施例提供的用于展示图像的方法,可以根据图像的坐标和浏览窗口的坐标加载图像,提高了图像的加载速度,提高了用户的浏览体验。
继续参见图4,其示出了根据本申请的用于展示图像的方法的另一个实施例的流程400。如图4所示,本实施例的用于展示图像的方法,可以包括以下步骤:
步骤401,获取目标物品的图像集合。
步骤402,确定图像集合中至少一张图像的第一坐标信息。
步骤401~402的原理与步骤201~202的原理类似,此处不再赘述。
步骤403,根据用户的平移指令,确定浏览窗口的横坐标和纵坐标。
本实施例中,执行主体可以根据用户的平移指令,确定浏览窗口的横坐标和纵坐标。具体的,执行主体可以确定矩形框的左上角的位置,来确定浏览窗口的横坐标和纵坐标。
步骤404,根据用户的缩放指令,确定当前缩放比例;根据当前缩放比例,确定浏览窗口的宽和高。
本实施例中,执行主体还可以根据用户的缩放指令,确定图像的当前缩放比例。缩放比例可以包括25%~100%。不同的缩放比例可以对应不同的等级的图像。以8K图像为例来说,100%对应最高等级(N)的图像。50%对应N-1等级的图像,25%对应N-2等级的图像。
执行主体可以根据当前缩放比例,确定出浏览窗口的宽和高。具体的,执行主体可以首先确定当前缩放比例下图像的尺寸,然后,根据浏览窗口的矩形框的尺寸与上述图像的尺寸的比值,来确定浏览窗口的宽和高。
步骤405,根据分辨率,对至少一张图像进行分级,得到不同等级的图像。
本实施例中,执行主体还可以对各图像进行分级。即按照分辨率,将图像划分为不同的等级。以8K图像为例来说,最高等级为14级,对应的分辨率为8K。等级13对应的分辨率为4K,等级12对应的分辨率为2K,等级11对应的分辨率为1K……。可以理解的是,等级越低,图像的越不清楚,图像的大小越小,加载起来耗费的时间越短。
步骤406,根据第一坐标信息以及第二坐标信息,在画布上绘制预设等级的图像。
执行主体可以根据第一坐标信息以及第二坐标信息,在画布上绘制预设等级的图像。具体的,执行主体可以在画布上首先绘制等级11的图像。由于1K的分辨率能够满足浏览的基本需求,同时加载时间短,用户的等待时间不会过长。可以理解的是,执行主体可以在用户将图像的放大时,加载更高等级的图像,以供用户查看目标物品的细节。
在本实施例的一些可选的实现方式中,上述步骤406还可以通过图4中未示出的以下步骤来实现:对预设等级的图像进行拼接,得到拼接图;根据第一坐标信息以及第二坐标信息,在画布上绘制拼接图。
本实现方式中,执行主体可以对预设等级的图像进行拼接,得到拼接图。根据第一坐标信息以及第二坐标信息,在画布上绘制拼接图。这里,拼接图包括了目标物品所有角度的图像,通过展示预设等级的拼接图,用户可以快速地浏览目标物品各个角度的基本信息,上述基本信息可以包括形状、颜色等等。
在一些具体的实现中,执行主体可以在首屏呈现时,在画布上绘制拼接图。如果用户不需要了解目标物品的各个角度的细节,则用户可能只会浏览目标物品的基本信息。这样,首屏加载上述拼接图,即可以满足用户的浏览需求,还可以避免由于加载高等级的图像造成网络拥堵。
步骤407,对至少一个等级的图像进行划分,得到多个分块。
本实施例中,执行主体还可以对各等级的各图像进行划分,得到多个分块。具体的,执行主体可以根据各等级的各图像的尺寸对其进行均匀划分。在一些具体的应用中,各分块的尺寸应大于或等于浏览窗口的矩形框的尺寸。这样,在加载浏览窗口对应的位置处的图像时,可以只加载单个分块,而不需要加载整张图像,节省了带宽。
步骤408,根据第一坐标信息以及第二坐标信息,确定目标分块集合。
本实施例中,执行主体可以第一坐标信息以及第二坐标信息,确定目标分块。具体的,执行主体可以根据第一坐标信息确定图像。根据第二坐标信息以及各分块的位置,确定浏览窗口对应的分块,得到分块集合。可以理解的是,对于不同等级的图像,浏览窗口对应的分块不同。也就是说,对于每个等级的图像,浏览窗口对应至少一个分块。
步骤409,在画布上绘制目标分块集合中的至少一个目标分块。
本实施例中,执行主体在确定目标分块集合后,可以在画布上绘制目标分块集合中的至少一个目标分块。具体的,执行主体可以首先绘制分辨率为1K的分块,然后再绘制分辨率为2K的分块,直到绘制到最高等级的分块。
在本实施例的一些可选的实现方式中,上述步骤409可以进一步由图4中未示出的以下步骤来实现:根据当前缩放比例,从目标分块集合中确定待绘制目标分块;在画布上绘制上述待绘制目标分块。
本实现方式中,执行主体可以根据当前缩放比例,从目标分块集合中确定待绘制目标分块。前面提到,不同缩放比例对应不同等级的图像。那么这里,执行主体可以根据当前缩放比例,从目标分块集合中确定出于当前缩放比例对应的等级的目标分块,并将该目标分块作为待绘制目标分块。然后,执行主体可以在画布上绘制上述待绘制目标分块。
在本实施例的一些可选的实现方式中,上述步骤409还可以进一步包括图4中未示出的以下步骤:确定待绘制目标分块是否被缓存;响应于确定待绘制目标分块未被缓存,确定待绘制目标分块的等级之下的等级的目标分块是否被缓存;响应于确定待绘制目标分块的等级之下的等级的目标分块被缓存,绘制被缓存的目标分块。
本实现方式中,执行主体在绘制上述待绘制目标分块时,可以首先判断上述待绘制目标分块是否被缓存。可以理解的是,如果待绘制目标分块被缓存,那加载速度较快,可以马上为用户呈现对应当前缩放比例的图像。如果上述待绘制目标分块未被缓存,则执行主体可以判断待绘制目标分块的等级之下一个等级的目标分块是否被缓存。如果被缓存,则可以首先绘制被缓存的目标分块。如果没有被缓存,则执行主体可以继续判断待绘制目标分块的等级之下两个等级的目标分块是否被缓存。直至判断预设等级的目标分块是否被缓存。这里,预设等级对应的分辨率可以为1K。
在本实施例的一些可选的实现方式中,上述方法还可以进一步包括图4中未示出的以下步骤:缓存拼接图。
本实现方式中,执行主体可以缓存拼接图。这样,如果待绘制目标分块以及其等级之下的各等级的分块均未被缓存,则可以首先绘制缓存的分块或者拼接图。
在本实施例的一些可选的实现方式中,上述步骤409可以进一步由图4中未示出的以下步骤来实现:在被缓存目标分块的绘制过程中,加载待绘制目标分块,以及在加载完成后,绘制待绘制目标分块。
本实现方式中,在被缓存目标分块的绘制过程中,执行主体可以加载待绘制目标分块。并在加载完成后,绘制待绘制目标分块。这样,可以使得用户可以首先低分辨率的图像,并在浏览过程中,逐渐呈现高分辨率的图像,实现了流畅的高清浏览效果。
在一些具体的实现中,如果被缓存的目标分块的等级在待绘制目标分块的两个等级之下,执行主体在绘制上述被缓存目标分块的过程中,可以首先加载上述被缓存目标分块的等级之上一个等级的目标分块。然后在绘制加载的目标分块的过程中,再加载待绘制目标分块。举例来说,如果带绘制目标分块为14等级,被缓存的目标分块为11等级,则执行主体在绘制11等级的目标分块的过程中,可以首先加载12等级的目标分块。在绘制12等级的目标分块的过程中,可以再加载13等级的目标分块。在绘制13等级的目标分块的过程中,可以加载14等级的目标分块。最后,绘制14等级的目标分块。
通过这种边绘制边加载的方式,可以实现逐渐为用户提供高分辨率的图像,不会有卡顿的现象。
在本实施例的一些可选的实现方式中,上述方法还可以进一步包括图4中未示出的以下步骤:将缓存的分块中最近预设时间段内使用最少的分块删除。
本实现方式中,执行主体可以按照最近最少使用的策略删除被缓存的分块,这样可以节省缓存空间。
本申请的上述实施例提供的用于展示图像的方法,通过对图像进行分级,在分级的基础上进一步分块,提高了图像的加载速度;通过在浏览过程中,逐级绘制目标分块,为用户提供了流畅的浏览体验,避免了卡顿现象;通过绘制预设等级的拼接图,可以实现目标物品基本信息的呈现,满足用户的基本浏览需求。
进一步参考图5,作为对上述各图所示方法的实现,本申请提供了一种用于展示图像的装置的一个实施例,该装置实施例与图2所示的方法实施例相对应,该装置具体可以应用于各种电子设备中。
如图5所示,本实施例的用于展示图像装置500包括:图像集合获取单元501、第一坐标确定单元502、第二坐标确定单元503、图像绘制单元504和图像展示单元505。
图像集合获取单元501,被配置成获取目标物品的图像集合。图像集合包括目标物品的多个角度的图像。
第一坐标确定单元502,被配置成确定图像集合中至少一张图像的第一坐标信息。
第二坐标确定单元503,被配置成确定目标物品的浏览窗口的第二坐标信息。
图像绘制单元504,被配置成根据第一坐标信息以及第二坐标信息,在画布上绘制图像集合中的图像;
图像展示单元505,被配置成展示绘制的图像。
在本实施例的一些可选的实现方式中,第二坐标确定单元503可以进一步被配置成:根据用户的平移指令,确定浏览窗口的横坐标和纵坐标;根据用户的缩放指令,确定当前缩放比例;根据当前缩放比例,确定浏览窗口的宽和高。
在本实施例的一些可选的实现方式中,图像绘制单元504可以进一步包括图5中未示出的图像分级模块和图像绘制模块。
图像分级模块,被配置成根据分辨率,对至少一张图像进行分级,得到不同等级的图像。
图像绘制模块,被配置成根据第一坐标信息以及第二坐标信息,在画布上绘制预设等级的图像。
在本实施例的一些可选的实现方式中,图像分级模块进一步被配置成:对预设等级的图像进行拼接,得到拼接图;图像绘制模块进一步被配置成:根据第一坐标信息以及第二坐标信息,在画布上绘制拼接图。
在本实施例的一些可选的实现方式中,图像绘制单元包括图像分块模块,被配置成:对至少一个等级的图像进行划分,得到多个分块;图像绘制模块进一步被配置成:根据第一坐标信息以及第二坐标信息,确定目标分块集合;在画布上绘制目标分块集合中的至少一个目标分块。
在本实施例的一些可选的实现方式中,图像绘制模块进一步被配置成:根据当前缩放比例,从目标分块集合中确定待绘制目标分块;在画布上绘制待绘制目标分块。
在本实施例的一些可选的实现方式中,装置500还可以进一步包括图5中未示出的缓存单元,被配置成:缓存拼接图。
在本实施例的一些可选的实现方式中,图像绘制模块进一步被配置成:确定待绘制目标分块是否被缓存;响应于确定待绘制目标分块未被缓存,确定待绘制目标分块的等级之下的等级的目标分块是否被缓存;响应于确定待绘制目标分块的等级之下的等级的目标分块被缓存,绘制被缓存的目标分块。
在本实施例的一些可选的实现方式中,图像绘制模块进一步被配置成:在被缓存目标分块的绘制过程中,加载待绘制目标分块,以及在加载完成后,绘制待绘制目标分块。
在本实施例的一些可选的实现方式中,装置500还可以进一步包括图5中未示出的删除单元,被配置成:将缓存的分块中最近预设时间段内使用最少的分块删除。
应当理解,用于展示图像的装置500中记载的单元501至单元505分别与参考图2中描述的方法中的各个步骤相对应。由此,上文针对用于展示图像的方法描述的操作和特征同样适用于装置500及其中包含的单元,在此不再赘述。
根据本申请的实施例,本申请还提供了一种电子设备和一种可读存储介质。
如图6所示,是根据本申请实施例的执行用于展示图像的方法的电子设备的框图。电子设备旨在表示各种形式的数字计算机,诸如,膝上型计算机、台式计算机、工作台、个人数字助理、服务器、刀片式服务器、大型计算机、和其它适合的计算机。电子设备还可以表示各种形式的移动装置,诸如,个人数字处理、蜂窝电话、智能电话、可穿戴设备和其它类似的计算装置。本文所示的部件、它们的连接和关系、以及它们的功能仅仅作为示例,并且不意在限制本文中描述的和/或者要求的本申请的实现。
如图6所示,该电子设备包括:一个或多个处理器601、存储器602,以及用于连接各部件的接口,包括高速接口和低速接口。各个部件利用不同的总线互相连接,并且可以被安装在公共主板上或者根据需要以其它方式安装。处理器可以对在电子设备内执行的指令进行处理,包括存储在存储器中或者存储器上以在外部输入/输出装置(诸如,耦合至接口的显示设备)上显示GUI的图形信息的指令。在其它实施方式中,若需要,可以将多个处理器和/或多条总线与多个存储器和多个存储器一起使用。同样,可以连接多个电子设备,各个设备提供部分必要的操作(例如,作为服务器阵列、一组刀片式服务器、或者多处理器系统)。图6中以一个处理器601为例。
存储器602即为本申请所提供的非瞬时计算机可读存储介质。其中,所述存储器存储有可由至少一个处理器执行的指令,以使所述至少一个处理器执行本申请所提供的执行用于展示图像的方法。本申请的非瞬时计算机可读存储介质存储计算机指令,该计算机指令用于使计算机执行本申请所提供的执行用于展示图像的方法。
存储器602作为一种非瞬时计算机可读存储介质,可用于存储非瞬时软件程序、非瞬时计算机可执行程序以及模块,如本申请实施例中的执行用于展示图像的方法对应的程序指令/模块(例如,附图5所示的图像集合获取单元501、第一坐标确定单元502、第二坐标确定单元503、图像绘制单元504和图像展示单元505)。处理器601通过运行存储在存储器602中的非瞬时软件程序、指令以及模块,从而执行服务器的各种功能应用以及数据处理,即实现上述方法实施例中的执行用于展示图像的方法。
存储器602可以包括存储程序区和存储数据区,其中,存储程序区可存储操作系统、至少一个功能所需要的应用程序;存储数据区可存储根据执行用于展示图像的电子设备的使用所创建的数据等。此外,存储器602可以包括高速随机存取存储器,还可以包括非瞬时存储器,例如至少一个磁盘存储器件、闪存器件、或其他非瞬时固态存储器件。在一些实施例中,存储器602可选包括相对于处理器601远程设置的存储器,这些远程存储器可以通过网络连接至执行用于展示图像的电子设备。上述网络的实例包括但不限于互联网、企业内部网、局域网、移动通信网及其组合。
执行用于展示图像的方法的电子设备还可以包括:输入装置603和输出装置604。处理器601、存储器602、输入装置603和输出装置604可以通过总线或者其他方式连接,图6中以通过总线连接为例。
输入装置603可接收输入的数字或字符信息,以及产生与执行用于展示图像的电子设备的用户设置以及功能控制有关的键信号输入,例如触摸屏、小键盘、鼠标、轨迹板、触摸板、指示杆、一个或者多个鼠标按钮、轨迹球、操纵杆等输入装置。输出装置604可以包括显示设备、辅助照明装置(例如,LED)和触觉反馈装置(例如,振动电机)等。该显示设备可以包括但不限于,液晶显示器(LCD)、发光二极管(LED)显示器和等离子体显示器。在一些实施方式中,显示设备可以是触摸屏。
此处描述的系统和技术的各种实施方式可以在数字电子电路系统、集成电路系统、专用ASIC(专用集成电路)、计算机硬件、固件、软件、和/或它们的组合中实现。这些各种实施方式可以包括:实施在一个或者多个计算机程序中,该一个或者多个计算机程序可在包括至少一个可编程处理器的可编程系统上执行和/或解释,该可编程处理器可以是专用或者通用可编程处理器,可以从存储系统、至少一个输入装置、和至少一个输出装置接收数据和指令,并且将数据和指令传输至该存储系统、该至少一个输入装置、和该至少一个输出装置。
这些计算程序(也称作程序、软件、软件应用、或者代码)包括可编程处理器的机器指令,并且可以利用高级过程和/或面向对象的编程语言、和/或汇编/机器语言来实施这些计算程序。如本文使用的,术语“机器可读介质”和“计算机可读介质”指的是用于将机器指令和/或数据提供给可编程处理器的任何计算机程序产品、设备、和/或装置(例如,磁盘、光盘、存储器、可编程逻辑装置(PLD)),包括,接收作为机器可读信号的机器指令的机器可读介质。术语“机器可读信号”指的是用于将机器指令和/或数据提供给可编程处理器的任何信号。上述计算机程序产品在被处理器执行时可以实现上述方法实施例对应的流程。
为了提供与用户的交互,可以在计算机上实施此处描述的系统和技术,该计算机具有:用于向用户显示信息的显示装置(例如,CRT(阴极射线管)或者LCD(液晶显示器)监视器);以及键盘和指向装置(例如,鼠标或者轨迹球),用户可以通过该键盘和该指向装置来将输入提供给计算机。其它种类的装置还可以用于提供与用户的交互;例如,提供给用户的反馈可以是任何形式的传感反馈(例如,视觉反馈、听觉反馈、或者触觉反馈);并且可以用任何形式(包括声输入、语音输入或者、触觉输入)来接收来自用户的输入。
可以将此处描述的系统和技术实施在包括后台部件的计算系统(例如,作为数据服务器)、或者包括中间件部件的计算系统(例如,应用服务器)、或者包括前端部件的计算系统(例如,具有图形用户界面或者网络浏览器的用户计算机,用户可以通过该图形用户界面或者该网络浏览器来与此处描述的系统和技术的实施方式交互)、或者包括这种后台部件、中间件部件、或者前端部件的任何组合的计算系统中。可以通过任何形式或者介质的数字数据通信(例如,通信网络)来将系统的部件相互连接。通信网络的示例包括:局域网(LAN)、广域网(WAN)和互联网。
计算机系统可以包括客户端和服务器。客户端和服务器一般远离彼此并且通常通过通信网络进行交互。通过在相应的计算机上运行并且彼此具有客户端-服务器关系的计算机程序来产生客户端和服务器的关系。服务器可以是云服务器,又称为云计算服务器或云主机,是云计算服务体系中的一项主机产品,以解决了传统物理主机与虚拟专用服务器(VPS)服务中,存在的管理难度大,业务扩展性弱的缺陷。
根据本申请实施例的技术方案,可以根据图像的坐标和浏览窗口的坐标加载图像,提高了图像的加载速度,提高了用户的浏览体验。
应该理解,可以使用上面所示的各种形式的流程,重新排序、增加或删除步骤。例如,本发申请中记载的各步骤可以并行地执行也可以顺序地执行也可以不同的次序执行,只要能够实现本申请公开的技术方案所期望的结果,本文在此不进行限制。
上述具体实施方式,并不构成对本申请保护范围的限制。本领域技术人员应该明白的是,根据设计要求和其他因素,可以进行各种修改、组合、子组合和替代。任何在本申请的精神和原则之内所作的修改、等同替换和改进等,均应包含在本申请保护范围之内。
Claims (18)
1.一种用于展示图像的方法,包括:
获取目标物品的图像集合,所述图像集合包括所述目标物品的多个角度的图像;
确定所述图像集合中至少一张图像的第一坐标信息;
确定所述目标物品的浏览窗口的第二坐标信息;
根据所述第一坐标信息以及所述第二坐标信息,在画布上绘制所述图像集合中的图像包括:根据分辨率,对所述至少一张图像进行分级,得到不同等级的图像;根据所述第一坐标信息以及所述第二坐标信息,在画布上绘制预设等级的图像;对至少一个等级的图像进行划分,得到多个分块;根据所述第一坐标信息以及所述第二坐标信息,确定目标分块集合;在画布上绘制所述目标分块集合中的至少一个目标分块;
展示绘制的图像。
2.根据权利要求1所述的方法,其中,所述确定所述目标物品的浏览窗口的第二坐标信息,包括:
根据用户的平移指令,确定所述浏览窗口的横坐标和纵坐标;
根据用户的缩放指令,确定当前缩放比例;根据所述当前缩放比例,确定所述浏览窗口的宽和高。
3.根据权利要求1所述的方法,其中,所述根据所述第一坐标信息以及所述第二坐标信息,在画布上绘制所述图像集合中的图像,包括:
对所述预设等级的图像进行拼接,得到拼接图;
根据所述第一坐标信息以及所述第二坐标信息,在画布上绘制所述拼接图。
4.根据权利要求3所述的方法,其中,所述在画布上绘制所述目标分块集合中的至少一个目标分块,包括:
根据当前缩放比例,从所述目标分块集合中确定待绘制目标分块;
在画布上绘制所述待绘制目标分块。
5.根据权利要求4所述的方法,其中,所述方法还包括:
缓存所述拼接图。
6.根据权利要求5所述的方法,其中,所述在画布上绘制所述待绘制目标分块,包括:
确定所述待绘制目标分块是否被缓存;
响应于确定所述待绘制目标分块未被缓存,确定所述待绘制目标分块的等级之下的等级的目标分块是否被缓存;
响应于确定所述待绘制目标分块的等级之下的等级的目标分块被缓存,绘制被缓存的目标分块。
7.根据权利要求6所述的方法,其中,所述在画布上绘制所述待绘制目标分块,包括:
在被缓存目标分块的绘制过程中,加载所述待绘制目标分块,以及在加载完成后,绘制所述待绘制目标分块。
8.根据权利要求6或7所述的方法,其中,所述方法还包括:
将缓存的分块中最近预设时间段内使用最少的分块删除。
9.一种用于展示图像的装置,包括:
图像集合获取单元,被配置成获取目标物品的图像集合,所述图像集合包括所述目标物品的多个角度的图像;
第一坐标确定单元,被配置成确定所述图像集合中至少一张图像的第一坐标信息;
第二坐标确定单元,被配置成确定所述目标物品的浏览窗口的第二坐标信息;
图像绘制单元,被配置成根据所述第一坐标信息以及所述第二坐标信息,在画布上绘制所述图像集合中的图像;所述图像绘制单元包括图像分级模块和图像绘制模块;以及
所述图像分级模块,被配置成根据分辨率,对所述至少一张图像进行分级,得到不同等级的图像;
所述图像绘制模块,被配置成根据所述第一坐标信息以及所述第二坐标信息,在画布上绘制预设等级的图像;所述图像绘制单元包括图像分块模块,被配置成:对至少一个等级的图像进行划分,得到多个分块;
所述图像绘制模块进一步被配置成:根据所述第一坐标信息以及所述第二坐标信息,确定目标分块集合;在画布上绘制所述目标分块集合中的至少一个目标分块;
图像展示单元,被配置成展示绘制的图像。
10.根据权利要求9所述的装置,其中,所述第二坐标确定单元进一步被配置成:
根据用户的平移指令,确定所述浏览窗口的横坐标和纵坐标;
根据用户的缩放指令,确定当前缩放比例;
根据所述当前缩放比例,确定所述浏览窗口的宽和高。
11.根据权利要求9所述的装置,其中,
所述图像分级模块进一步被配置成:对所述预设等级的图像进行拼接,得到拼接图;
所述图像绘制模块进一步被配置成:根据所述第一坐标信息以及所述第二坐标信息,在画布上绘制所述拼接图。
12.根据权利要求11所述的装置,其中,所述图像绘制模块进一步被配置成:
根据当前缩放比例,从所述目标分块集合中确定待绘制目标分块;
在画布上绘制所述待绘制目标分块。
13.根据权利要求12所述的装置,其中,所述装置还包括缓存单元,被配置成:
缓存所述拼接图。
14.根据权利要求13所述的装置,其中,所述图像绘制模块进一步被配置成:
确定所述待绘制目标分块是否被缓存;
响应于确定所述待绘制目标分块未被缓存,确定所述待绘制目标分块的等级之下的等级的目标分块是否被缓存;
响应于确定所述待绘制目标分块的等级之下的等级的目标分块被缓存,绘制被缓存的目标分块。
15.根据权利要求14所述的装置,其中,所述图像绘制模块进一步被配置成:
在被缓存目标分块的绘制过程中,加载所述待绘制目标分块,以及在加载完成后,绘制所述待绘制目标分块。
16.根据权利要求14或15所述的装置,其中,所述装置还包括删除单元,被配置成:
将缓存的分块中最近预设时间段内使用最少的分块删除。
17.一种用于展示图像的电子设备,包括:
至少一个处理器;以及
与所述至少一个处理器通信连接的存储器;其中,
所述存储器存储有可被所述至少一个处理器执行的指令,所述指令被所述至少一个处理器执行,以使所述至少一个处理器能够执行权利要求1-8中任一项所述的方法。
18.一种存储有计算机指令的非瞬时计算机可读存储介质,所述计算机指令用于使所述计算机执行权利要求1-8中任一项所述的方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202010612626.3A CN111767490B (zh) | 2020-06-30 | 2020-06-30 | 用于展示图像的方法、装置、设备以及存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202010612626.3A CN111767490B (zh) | 2020-06-30 | 2020-06-30 | 用于展示图像的方法、装置、设备以及存储介质 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN111767490A CN111767490A (zh) | 2020-10-13 |
CN111767490B true CN111767490B (zh) | 2024-04-23 |
Family
ID=72722958
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202010612626.3A Active CN111767490B (zh) | 2020-06-30 | 2020-06-30 | 用于展示图像的方法、装置、设备以及存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN111767490B (zh) |
Families Citing this family (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN112419145B (zh) * | 2020-12-09 | 2023-10-10 | 深圳市优必选科技股份有限公司 | 一种图像数据处理方法、装置、设备及存储介质 |
CN114549697B (zh) * | 2022-02-18 | 2024-08-06 | 北京百度网讯科技有限公司 | 图像处理方法、装置、设备及存储介质 |
Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
JP2013003970A (ja) * | 2011-06-20 | 2013-01-07 | Nippon Telegr & Teleph Corp <Ntt> | 物体座標系変換装置、物体座標系変換方法、及び物体座標系変換プログラム |
CN105830012A (zh) * | 2014-09-05 | 2016-08-03 | Lg电子株式会社 | 移动终端及其控制方法 |
CN106775600A (zh) * | 2015-11-19 | 2017-05-31 | 北京国双科技有限公司 | HTML5 canvas画布的处理方法及装置 |
CN109657172A (zh) * | 2018-11-30 | 2019-04-19 | 广州欧科信息技术股份有限公司 | 图片预览方法、装置、设备和存储介质 |
JP2019212225A (ja) * | 2018-06-08 | 2019-12-12 | 朝日航洋株式会社 | 端末装置および端末装置の制御方法 |
-
2020
- 2020-06-30 CN CN202010612626.3A patent/CN111767490B/zh active Active
Patent Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
JP2013003970A (ja) * | 2011-06-20 | 2013-01-07 | Nippon Telegr & Teleph Corp <Ntt> | 物体座標系変換装置、物体座標系変換方法、及び物体座標系変換プログラム |
CN105830012A (zh) * | 2014-09-05 | 2016-08-03 | Lg电子株式会社 | 移动终端及其控制方法 |
CN106775600A (zh) * | 2015-11-19 | 2017-05-31 | 北京国双科技有限公司 | HTML5 canvas画布的处理方法及装置 |
JP2019212225A (ja) * | 2018-06-08 | 2019-12-12 | 朝日航洋株式会社 | 端末装置および端末装置の制御方法 |
CN109657172A (zh) * | 2018-11-30 | 2019-04-19 | 广州欧科信息技术股份有限公司 | 图片预览方法、装置、设备和存储介质 |
Non-Patent Citations (1)
Title |
---|
HTML5 Canvas绘图技术及其在图像裁剪中的应用研究;刘耀钦;;洛阳师范学院学报;20161125(11);全文 * |
Also Published As
Publication number | Publication date |
---|---|
CN111767490A (zh) | 2020-10-13 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US10423527B2 (en) | Memory management and image display for mobile devices | |
CN107832330B (zh) | 一种搜索方法及终端设备 | |
US10546038B2 (en) | Intelligent browser-based display tiling | |
CN112926000B (zh) | 显示区域渲染方法、装置、设备、可读存储介质及产品 | |
CN110992112B (zh) | 广告信息的处理方法和装置 | |
CN107025059B (zh) | 一种缩略图查看方法和装置 | |
CN111767490B (zh) | 用于展示图像的方法、装置、设备以及存储介质 | |
CN113138827B (zh) | 展示数据的方法、装置、电子设备和介质 | |
US11610563B2 (en) | Location-based display of pixel history | |
CN111796825B (zh) | 一种弹幕的绘制方法、装置、设备和存储介质 | |
US9360339B2 (en) | Rendering maps with canvas elements | |
CN112163143B (zh) | 页面切换的方法、装置、设备以及存储介质 | |
EP3872704A2 (en) | Header model for instance segmentation, instance segmentation model, image segmentation method and apparatus | |
CN112581589A (zh) | 一种视图列表布局方法、装置、设备及存储介质 | |
CN113961280A (zh) | 视图的展示方法、装置、电子设备及计算机可读存储介质 | |
CN112445983B (zh) | 搜索结果的处理方法、装置、设备及计算机可读存储介质 | |
CN112035210B (zh) | 用于输出颜色信息的方法、装置、设备和介质 | |
US9489363B2 (en) | User configurable user interface | |
JP6520674B2 (ja) | 表示システム、表示端末、表示方法、および表示プログラム | |
US10613722B1 (en) | Distorting a graph on a computer display to improve the computer's ability to display the graph to, and interact with, a user | |
CN111562962B (zh) | 画面渲染方法、装置、电子设备和存储介质 | |
CN111724296B (zh) | 用于展示图像的方法、装置、设备以及存储介质 | |
CN113254680B (zh) | 多媒体信息的封面图处理方法、客户端和电子设备 | |
CN115660092B (zh) | 量子门组件渲染方法、装置、设备、存储介质及程序产品 | |
CN111797933B (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 |