CN110287431A - 图像文件的加载方法、装置、电子设备和存储介质 - Google Patents
图像文件的加载方法、装置、电子设备和存储介质 Download PDFInfo
- Publication number
- CN110287431A CN110287431A CN201910569386.0A CN201910569386A CN110287431A CN 110287431 A CN110287431 A CN 110287431A CN 201910569386 A CN201910569386 A CN 201910569386A CN 110287431 A CN110287431 A CN 110287431A
- Authority
- CN
- China
- Prior art keywords
- image file
- dough sheet
- data
- described image
- load request
- 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.)
- Granted
Links
- 238000011068 loading method Methods 0.000 title claims abstract description 71
- 238000003860 storage Methods 0.000 title claims abstract description 29
- 239000013598 vector Substances 0.000 claims abstract description 51
- 238000000034 method Methods 0.000 claims abstract description 23
- 238000006243 chemical reaction Methods 0.000 claims abstract description 16
- 238000009877 rendering Methods 0.000 claims description 7
- 238000004590 computer program Methods 0.000 description 9
- 238000004891 communication Methods 0.000 description 8
- 230000006870 function Effects 0.000 description 8
- 238000010586 diagram Methods 0.000 description 6
- 230000014759 maintenance of location Effects 0.000 description 5
- 238000005516 engineering process Methods 0.000 description 2
- 239000000463 material Substances 0.000 description 2
- 230000001737 promoting effect Effects 0.000 description 2
- 230000006399 behavior Effects 0.000 description 1
- 235000013399 edible fruits Nutrition 0.000 description 1
- 230000005611 electricity Effects 0.000 description 1
- 238000000802 evaporation-induced self-assembly Methods 0.000 description 1
- 239000000835 fiber Substances 0.000 description 1
- 210000003733 optic disk Anatomy 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
- 230000002093 peripheral effect Effects 0.000 description 1
- 230000000717 retained effect Effects 0.000 description 1
Classifications
-
- A—HUMAN NECESSITIES
- A63—SPORTS; GAMES; AMUSEMENTS
- A63F—CARD, BOARD, OR ROULETTE GAMES; INDOOR GAMES USING SMALL MOVING PLAYING BODIES; VIDEO GAMES; GAMES NOT OTHERWISE PROVIDED FOR
- A63F13/00—Video games, i.e. games using an electronically generated display having two or more dimensions
- A63F13/30—Interconnection arrangements between game servers and game devices; Interconnection arrangements between game devices; Interconnection arrangements between game servers
- A63F13/35—Details of game servers
- A63F13/355—Performing operations on behalf of clients with restricted processing capabilities, e.g. servers transform changing game scene into an encoded video stream for transmitting to a mobile phone or a thin client
-
- 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
-
- A—HUMAN NECESSITIES
- A63—SPORTS; GAMES; AMUSEMENTS
- A63F—CARD, BOARD, OR ROULETTE GAMES; INDOOR GAMES USING SMALL MOVING PLAYING BODIES; VIDEO GAMES; GAMES NOT OTHERWISE PROVIDED FOR
- A63F2300/00—Features of games using an electronically generated display having two or more dimensions, e.g. on a television screen, showing representations related to the game
- A63F2300/50—Features of games using an electronically generated display having two or more dimensions, e.g. on a television screen, showing representations related to the game characterized by details of game servers
- A63F2300/53—Features of games using an electronically generated display having two or more dimensions, e.g. on a television screen, showing representations related to the game characterized by details of game servers details of basic data processing
- A63F2300/538—Features of games using an electronically generated display having two or more dimensions, e.g. on a television screen, showing representations related to the game characterized by details of game servers details of basic data processing for performing operations on behalf of the game client, e.g. rendering
Landscapes
- Engineering & Computer Science (AREA)
- Multimedia (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)
- Processing Or Creating Images (AREA)
Abstract
本申请提出一种图像文件的加载方法、装置、电子设备和存储介质，其中方法包括：向服务器发送图像文件加载请求，图像文件加载请求包括：待加载的图像文件的标识；图像文件的格式为可缩放矢量图形；接收服务器返回的图像文件对应的面片数据，面片数据包括：各个面片的基础数据以及属性数据；对面片数据中各个面片的基础数据以及属性数据进行格式转换，得到图像文件对应的各个组件；对图像文件对应的各个组件进行渲染，完成对图像文件的加载操作，该方法有效地减少了图像文件加载的等待时间，同时提升了用户体验和留存数量。
Description
技术领域
本申请涉及计算机技术领域，尤其涉及一种图像文件的加载方法、装置、电子设备和存储介质。
背景技术
目前，随着计算机的发展，图像文件的加载在计算机方面的应用也越来越普及，例如，游戏界面的加载，游戏界面中的图像为矢量图像，每帧图像都需要从服务器获取，加载渲染，然后才能显示在终端设备的界面上，完成以上流程可能需要几十秒的时间。而且复杂的图像文件会需要更长的时间。因此，加载一张图像文件使用户等待几十秒时间或者更长时间，用户体验差，导致用户留存数量降低。
发明内容
本申请的目的旨在至少在一定程度上解决相关技术中的技术问题之一。
为此，本申请的第一个目的在于提出一种图像文件的加载方法，该方法有效地减少了图像文件加载的等待时间，同时提升了用户体验和留存数量。
本申请的第二个目的在于提出另一种图像文件的加载方法。
本申请的第三个目的在于提出一种图像文件的加载装置。
本申请的第四个目的在于提出另一种图像文件的加载装置。
本申请的第五个目的在于提出一种电子设备。
本申请的第六个目的在于提出另一种电子设备。
本申请的第七个目的在于提出一种计算机可读存储介质。
本申请的第八个目的在于提出另一种计算机可读存储介质。
为达上述目的，本申请第一方面实施例提出了一种图像文件的加载方法，包括：向服务器发送图像文件加载请求，所述图像文件加载请求包括：待加载的图像文件的标识；所述图像文件的格式为可缩放矢量图形；接收所述服务器返回的所述图像文件对应的面片数据，所述面片数据包括：各个面片的基础数据以及属性数据；对所述面片数据中各个面片的基础数据以及属性数据进行格式转换，得到所述图像文件对应的各个组件；对所述图像文件对应的各个组件进行渲染，完成对所述图像文件的加载操作。
本申请实施例的图像文件的加载方法，通过向服务器发送图像文件加载请求，所述图像文件加载请求包括：待加载的图像文件的标识；所述图像文件的格式为可缩放矢量图形；接收所述服务器返回的所述图像文件对应的面片数据，所述面片数据包括：各个面片的基础数据以及属性数据；对所述面片数据中各个面片的基础数据以及属性数据进行格式转换，得到所述图像文件对应的各个组件；对所述图像文件对应的各个组件进行渲染，完成对所述图像文件的加载操作。该方法有效地减少了图像文件加载的等待时间，同时提升了用户体验和留存数量。
根据本申请的一个实施例，所述面片的形状为三角形；所述面片的基础数据包括：三角形的三个顶点的坐标信息，以及三个顶点的连接顺序。所述面片的属性数据包括以下信息中的任意一种或者多种：颜色、亮度、纹理。
根据本申请的一个实施例，所述向服务器发送图像文件加载请求的触发条件为，预设的控件被点击、检测到界面切换动作、或者到达待加载的图像文件的显示时间。
为达上述目的，本申请第二方面实施例提出了另一种图像文件的加载方法，包括：接收终端设备的图像文件加载请求，所述图像文件加载请求包括：待加载的图像文件的标识；所述图像文件的格式为可缩放矢量图形；根据所述待加载的图像文件的标识，查询面片数据库，获取所述图像文件对应的面片数据；所述面片数据包括：各个面片的基础数据以及属性数据；将所述图像文件对应的面片数据发送给所述终端设备。
根据本申请的一个实施例，所述接收终端设备的图像文件加载请求之前，还包括：获取存储的各个图像文件；针对每个图像文件，对所述图像文件进行解析以及三角面片转换操作，获取所述图像文件对应的面片数据；将所述图像文件的标识以及对应的面片数据存储至面片数据库。
根据本申请的一个实施例，所述对所述图像文件进行解析以及三角面片转换操作，获取所述图像文件对应的面片数据，包括：对所述图像文件进行解析，获取所述图像文件中的各个矢量图形的基础数据以及属性数据；针对所述图像文件中的每个矢量图形，对所述矢量图形进行拆分，得到至少一个三角形矢量图形，根据所述至少一个三角形矢量图形，确定至少一个三角形面片的基础数据以及属性数据。
根据本申请的一个实施例，所述面片的形状为三角形；所述面片的基础数据包括：三角形的三个顶点的坐标信息，以及三个顶点的连接顺序。所述面片的属性数据包括以下信息中的任意一种或者多种：颜色、亮度、纹理。
本申请实施例的图像文件的加载方法，通过接收终端设备的图像文件加载请求，所述图像文件加载请求包括：待加载的图像文件的标识；所述图像文件的格式为可缩放矢量图形；根据所述待加载的图像文件的标识，查询面片数据库，获取所述图像文件对应的面片数据；所述面片数据包括：各个面片的基础数据以及属性数据；将所述图像文件对应的面片数据发送给所述终端设备。该方法有效地减少了图像文件加载的等待时间，同时提升了用户体验和留存数量。
为达上述目的，本申请第三方面实施例提出了一种图像文件的加载装置，包括：发送模块，用于向服务器发送图像文件加载请求，所述图像文件加载请求包括：待加载的图像文件的标识；所述图像文件的格式为可缩放矢量图形；接收模块，用于接收所述服务器返回的所述图像文件对应的面片数据，所述面片数据包括：各个面片的基础数据以及属性数据；格式转换模块，用于对所述面片数据中各个面片的基础数据以及属性数据进行格式转换，得到所述图像文件对应的各个组件；渲染模块，用于对所述图像文件对应的各个组件进行渲染，完成对所述图像文件的加载操作。
根据本申请的一个实施例，所述面片的形状为三角形；所述面片的基础数据包括：三角形的三个顶点的坐标信息，以及三个顶点的连接顺序。所述面片的属性数据包括以下信息中的任意一种或者多种：颜色、亮度、纹理。
根据本申请的一个实施例，所述发送模块向服务器发送图像文件加载请求的触发条件为，预设的控件被点击、检测到界面切换动作、或者到达待加载的图像文件的显示时间。
本申请实施的图像文件的加载装置，通过向服务器发送图像文件加载请求，所述图像文件加载请求包括：待加载的图像文件的标识；所述图像文件的格式为可缩放矢量图形；接收所述服务器返回的所述图像文件对应的面片数据，所述面片数据包括：各个面片的基础数据以及属性数据；对所述面片数据中各个面片的基础数据以及属性数据进行格式转换，得到所述图像文件对应的各个组件；对所述图像文件对应的各个组件进行渲染，完成对所述图像文件的加载操作。该装置可实现有效地减少了图像文件加载的等待时间，同时提升了用户体验和留存数量。
为达上述目的，本申请第四方面实施例提出了另一种图像文件的加载装置，包括：接收模块，用于接收终端设备的图像文件加载请求，所述图像文件加载请求包括：待加载的图像文件的标识；所述图像文件的格式为可缩放矢量图形；查询模块，用于根据所述待加载的图像文件的标识，查询面片数据库，获取所述图像文件对应的面片数据；所述面片数据包括：各个面片的基础数据以及属性数据；发送模块，用于将所述图像文件对应的面片数据发送给所述终端设备。
根据本申请的一个实施例，图像文件的加载装置还包括：获取模块、解析转换模块和存储模块；所述获取模块，用于获取存储的各个图像文件；所述解析转换模块，用于针对每个图像文件，对所述图像文件进行解析以及三角面片转换操作，获取所述图像文件对应的面片数据；所述存储模块，用于将所述图像文件的标识以及对应的面片数据存储至面片数据库。
根据本申请的一个实施例，所述解析转换模块具体用于，对所述图像文件进行解析，获取所述图像文件中的各个矢量图形的基础数据以及属性数据；针对所述图像文件中的每个矢量图形，对所述矢量图形进行拆分，得到至少一个三角形矢量图形，根据所述至少一个三角形矢量图形，确定至少一个三角形面片的基础数据以及属性数据。
根据本申请的一个实施例，所述面片的形状为三角形；所述面片的基础数据包括：三角形的三个顶点的坐标信息，以及三个顶点的连接顺序。所述面片的属性数据包括以下信息中的任意一种或者多种：颜色、亮度、纹理。
本申请实施例的图像文件的加载装置，通过接收终端设备的图像文件加载请求，所述图像文件加载请求包括：待加载的图像文件的标识；所述图像文件的格式为可缩放矢量图形；根据所述待加载的图像文件的标识，查询面片数据库，获取所述图像文件对应的面片数据；所述面片数据包括：各个面片的基础数据以及属性数据；将所述图像文件对应的面片数据发送给所述终端设备。该方法有效地减少了图像文件加载的等待时间，同时提升了用户体验和留存数量。
为达上述目的，本申请第五方面实施例提出了一种电子设备，包括：存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，所述处理器执行所述程序时实现第一方面实施例所述的图像文件的加载方法。
为达上述目的，本申请第六方面实施例提出了另一种电子设备，包括：存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，所述处理器执行所述程序时实现第二方面实施例所述的图像文件的加载方法。
为达上述目的，本申请第七方面实施例提出了一种计算机可读存储介质，其上存储有计算机程序，以用于实现本申请第一方面实施例所述的图像文件的加载方法。
为达上述目的，本申请第八方面实施例提出了另一种计算机可读存储介质，其上存储有计算机程序，以用于实现本申请第二方面实施例所述的图像文件的加载方法。
本申请附加的方面和优点将在下面的描述中部分给出，部分将从下面的描述中变得明显，或通过本申请的实践了解到。
附图说明
本申请上述的和/或附加的方面和优点从下面结合附图对实施例的描述中将变得明显和容易理解，其中：
图1是根据本申请的一个实施例的图像文件的加载方法的流程图；
图2是根据本申请的一个实施例的另一种图像文件的加载方法的流程图；
图3是根据本申请的另一个实施例的另一种图像文件的加载方法的流程图；
图4是根据本申请一个实施例提供的图像文件的加载装置的结构示意图；
图5是根据本申请一个实施例提供的另一种图像文件的加载装置的结构示意图；
图6是根据本申请另一个实施例提供的另一种图像文件的加载装置的结构示意图；
图7是根据本申请一个实施例的电子设备的结构示意图。
具体实施方式
下面详细描述本申请的实施例，所述实施例的示例在附图中示出，其中自始至终相同或类似的标号表示相同或类似的元件或具有相同或类似功能的元件。下面通过参考附图描述的实施例是示例性的，旨在用于解释本申请，而不能理解为对本申请的限制。
下面参考附图描述本申请实施例的图像文件的加载方法、装置、电子设备和存储介质。
图1是根据本申请的一个实施例的图像文件的加载方法的流程图。需要说明的是，本申请实施例的图像文件的加载方法可应用于本申请实施例的图像文件的加载装置，该图像文件的加载装置可被配置于终端设备上，该终端设备可执行图像文件的加载方法。
如图1所示，该图像文件的加载方法包括以下步骤：
步骤101，向服务器发送图像文件加载请求，图像文件加载请求包括：待加载的图像文件的标识；图像文件的格式为可缩放矢量图形(Scalable Vector Graphics，简称SVG)。
在本申请实施例中，在终端设备需加载图像文件时，可选地，服务器发送图像文件加载请求的触发条件为，预设的控件被点击、检测到界面切换动作、或者到达待加载的图像文件的显示时间。例如，相关应用中，用户点击终端设备中加载图像文件的控件，终端设备可向服务器发送图像文件的加载请求；又例如，游戏界面的加载，游戏界面中的图像为矢量图像时，终端设备可向服务器发送图像文件加载请求；再例如，终端设备中提前设置加载图像文件的时间，当达到预设时间时，终端设备向服务器发送图像文件的加载请求，其中，该图像文件加载请求可包括：待加载的图像文件的标识。其中，需要说明的是图像文件的标识可为图像文件的名称或者编号等，通过图像文件的标识可查询并获取到该图像文件。另外，待加载的图像文件可存储在服务器上，终端设备可根据需要进行获取。
步骤102，接收所述服务器返回的所述图像文件对应的面片数据，面片数据包括：各个面片的基础数据以及属性数据；
在本申请实施例中，终端设备向服务器发送图像文件加载请求后，为了节省用户加载图像文件的时间，服务器可返回预处理的图像文件对应的面片数据，其中，面片数据可包括：各个面片的基础数据以及属性数据。可选地，面片的形状为三角形；面片的基础数据包括：三角形的三个顶点的坐标信息，以及三个顶点的连接顺序。面片的属性数据包括以下信息中的任意一种或者多种：颜色、亮度、纹理。其中，三角形的三个顶点的坐标信息可为三维坐标信息(如X，Y，Z)，三个顶点的连接顺序可为顺时针连接或逆时针连接。其中，需要说明的是，预处理的图像文件对应的面片数据，是服务器预先利用预设代码库对相应图像文件进行解析转化，并返回图像文件对应的面片数据，另外，还需要说明的是，预设代码库可以是但不限于Unity Vector Graphics库。
步骤103，对面片数据中各个面片的基础数据以及属性数据进行格式转换，得到图像文件对应的各个组件。
在本申请实施例中，在接收服务器返回的图像文件对应的面片数据后，终端设备可根据预设代码库对面片数据中各个面片的基础数据以及属性数据进行格式转换，得到图像文件对应的各个组件。例如，终端设备可利用Unity Vector Graphics库对图像文件的面片数据中各个面片的基础数据以及属性数据进行格式转换，如三角形面片数据转化为三角形组件。
步骤104，对图像文件对应的各个组件进行渲染，完成对图像文件的加载操作。
在本申请实施例中，获取到图像文件面片数据中各个面片的基础数据以及属性数据对应的组件后，终端设备利用预设代码库对图像文件对应的各个组件进行渲染，完成对图像文件的加载操作。其中，预设代码库可以是但不限于Unity Vector Graphics库。
本申请实施例的图像文件的加载方法，通过向服务器发送图像文件加载请求，所述图像文件加载请求包括：待加载的图像文件的标识；所述图像文件的格式为可缩放矢量图形；接收所述服务器返回的所述图像文件对应的面片数据，所述面片数据包括：各个面片的基础数据以及属性数据；对所述面片数据中各个面片的基础数据以及属性数据进行格式转换，得到所述图像文件对应的各个组件；对所述图像文件对应的各个组件进行渲染，完成对所述图像文件的加载操作。该方法有效地减少了图像文件加载的等待时间，同时提升了用户体验和留存数量。
为了更好地使终端设备从服务器加载渲染并显示图像文件，减少图像文件加载的等待时间，同时提升用户体验和留存数量，本申请还提供了另一种图像文件的加载方法，应用于服务器。
图2是根据本申请实施例的另一种图像文件的加载方法的流程图。
步骤201，接收终端设备的图像文件加载请求，图像文件加载请求包括：待加载的图像文件的标识；图像文件的格式为可缩放矢量图形。
在本申请实施例中，本步骤可参见上述实施例步骤101，本申请不再赘述。
可选地，如图3所示，接收终端设备的图像文件加载请求之前，还包括如下步骤：
步骤301，获取存储的各个图像文件。
需要理解的是，在本申请实施例中，所有图像文件存储在服务器中，服务器对图像文件进行预处理时，需获取存储的各个图像文件。其中，需要说明的是，通过文件的存储类型判断其是否为图像文件，例如，SVG文件是存储成以.SVG作为后缀的文件，带该后缀的文件即为SVG文件。
步骤302，针对每个图像文件，对图像文件进行解析以及三角面片转换操作，获取图像文件对应的面片数据。
可选地，面片的形状为三角形；面片的基础数据包括：三角形的三个顶点的坐标信息，以及三个顶点的连接顺序。面片的属性数据包括以下信息中的任意一种或者多种：颜色、亮度、纹理。其中，三角形的三个顶点的坐标信息可为三维坐标信息(如X，Y，Z)，三个顶点的连接顺序可为顺时针连接或逆时针连接。
在本申请实施例中，针对每个图像文件，服务器可预先利用预设代码库对图像文件进行解析、获取图像文件中的各个矢量图形的基础数据以及属性数据。可选地，针对图像文件中的每个矢量图形，对矢量图形进行拆分，得到至少一个三角形矢量图形，根据至少一个三角形矢量图形，确定至少一个三角形面片的基础数据以及属性数据。其中，预设代码库可以是但不限于Unity Vector Graphics库。
步骤303，将图像文件的标识以及对应的面片数据存储至面片数据库。
具体地，在获取图像文件对应的面片数据后，可将图像文件对应的面片数据存储为一个文件，文件名可为图像文件的标识。其中，图像文件的标识可为图像文件的名称或者编号等。
步骤202，根据待加载的图像文件的标识，查询面片数据库，获取图像文件对应的面片数据；面片数据包括：各个面片的基础数据以及属性数据。
在本申请实施例中，根据服务器预先生成的面片数据，以及将对应的面片数据存储至面片数据库，在接收到终端设备的图像文件的加载请求后，可根据待加载的图像文件的标识，查询面片数据库，获取图像文件对应的面片数据；其中，面片数据可包括：各个面片的基础数据以及属性数据。
步骤203，将图像文件对应的面片数据发送给终端设备。
具体地，在接收到终端设备的图像文件的加载请求后，服务器根据待加载的图像文件的标识，获取图像文件对应的面片数据后，将图像文件对应的面片数据发送给终端设备。
本申请实施例的图像文件的加载方法，通过接收终端设备的图像文件加载请求，图像文件加载请求包括：待加载的图像文件的标识；图像文件的格式为可缩放矢量图形；根据待加载的图像文件的标识，查询面片数据库，获取图像文件对应的面片数据；面片数据包括：各个面片的基础数据以及属性数据；将图像文件对应的面片数据发送给终端设备。该方法有效地减少了图像文件加载的等待时间，同时提升了用户体验和留存数量。
与上述图1所示实施例提供的图像文件的加载方法相对应，本申请的一种实施例还提供一种图像文件的加载装置，由于本申请实施例提供的图像文件的加载装置与上述图1所示实施例提供的图像文件的加载方法相对应，因此在前述图像文件的加载方法的实施方式也适用于本实施例提供的图像文件的加载装置，在本实施例中不再详细描述。图4为本申请实施例提供的图像文件的加载装置的结构示意图。如图4所示，该图像文件的加载装置400包括：发送模块410、接收模块420、格式转换模块430、渲染模块440。
具体地，发送模块410，用于向服务器发送图像文件加载请求，图像文件加载请求包括：待加载的图像文件的标识；图像文件的格式为可缩放矢量图形；接收模块420，用于接收服务器返回的图像文件对应的面片数据，面片数据包括：各个面片的基础数据以及属性数据；格式转换模块430，用于对面片数据中各个面片的基础数据以及属性数据进行格式转换，得到图像文件对应的各个组件；渲染模块440，用于对图像文件对应的各个组件进行渲染，完成对图像文件的加载操作。
作为本申请实施例的一种可能的实现方式，面片的形状为三角形；面片的基础数据包括：三角形的三个顶点的坐标信息，以及三个顶点的连接顺序。面片的属性数据包括以下信息中的任意一种或者多种：颜色、亮度、纹理。
作为本申请实施例的一种可能的实现方式，发送模块向服务器发送图像文件加载请求的触发条件为，预设的控件被点击、检测到界面切换动作、或者到达待加载的图像文件的显示时间。
本申请实施的图像文件的加载装置，通过向服务器发送图像文件加载请求，图像文件加载请求包括：待加载的图像文件的标识；图像文件的格式为可缩放矢量图形；接收服务器返回的所述图像文件对应的面片数据，面片数据包括：各个面片的基础数据以及属性数据；对面片数据中各个面片的基础数据以及属性数据进行格式转换，得到图像文件对应的各个组件；对图像文件对应的各个组件进行渲染，完成对图像文件的加载操作。该装置可实现有效地减少了图像文件加载的等待时间，同时提升了用户体验和留存数量。
为了更好地使终端设备从服务器加载渲染并显示图像文件，减少图像文件加载的等待时间，同时提升用户体验和留存数量，本申请还提供了另一种图像文件的加载装置。
与上述图2至图3所示实施例提供的图像文件的加载方法相对应，本申请的实施例还提供另一种图像文件的加载装置，由于本申请实施例提供的图像文件的加载装置与上述图2至图3所示实施例提供的图像文件的加载方法相对应，因此在前述图像文件的加载方法的实施方式也适用于本实施例提供的图像文件的加载装置，在本实施例中不再详细描述。图5为本申请实施例提供的图像文件的加载装置的结构示意图。如图5所示，该图像文件的加载装置500包括：接收模块510、查询模块520、发送模块530。
具体地，接收模块510，用于接收终端设备的图像文件加载请求，图像文件加载请求包括：待加载的图像文件的标识；图像文件的格式为可缩放矢量图形；
查询模块520，用于根据待加载的图像文件的标识，查询面片数据库，获取图像文件对应的面片数据；面片数据包括：各个面片的基础数据以及属性数据；
发送模块530，用于将图像文件对应的面片数据发送给终端设备。
作为本申请实施例的一种可能的实现方式，如图6所示，在图5所示基础上，该图像文件的加载装置500还包括：获取模块540、解析转换模块550和存储模块560。其中，获取模块540，用于获取存储的各个图像文件；解析转换模块550，用于针对每个图像文件，对图像文件进行解析以及三角面片转换操作，获取图像文件对应的面片数据；存储模块560，用于将图像文件的标识以及对应的面片数据存储至面片数据库。
作为本申请实施例的一种可能的实现方式，解析转换模块550具体用于，对图像文件进行解析，获取图像文件中的各个矢量图形的基础数据以及属性数据；针对图像文件中的每个矢量图形，对矢量图形进行拆分，得到至少一个三角形矢量图形，根据至少一个三角形矢量图形，确定至少一个三角形面片的基础数据以及属性数据。
作为本申请实施例的一种可能的实现方式，面片的形状为三角形；面片的基础数据包括：三角形的三个顶点的坐标信息，以及三个顶点的连接顺序。面片的属性数据包括以下信息中的任意一种或者多种：颜色、亮度、纹理。
本申请实施例的图像文件的加载装置，通过接收终端设备的图像文件加载请求，图像文件加载请求包括：待加载的图像文件的标识；图像文件的格式为可缩放矢量图形；根据待加载的图像文件的标识，查询面片数据库，获取图像文件对应的面片数据；面片数据包括：各个面片的基础数据以及属性数据；将图像文件对应的面片数据发送给所述终端设备。该方法有效地减少了图像文件加载的等待时间，同时提升了用户体验和留存数量。
为了实现上述实施例，本申请实施例还提出一种电子设备，图7为本申请实施例提供的电子设备的结构示意图。该电子设备可包括存储器1001、处理器1002及存储在存储器1001上并可在处理器1002上运行的计算机程序。处理器1002执行所述程序时实现图1所示实施例中提供的图像文件的加载方法。
进一步地，该电子设备还包括：通信接口1003，用于存储器1001和处理器1002之间的通信。存储器1001，用于存放可在处理器1002上运行的计算机程序。存储器1001可能包含高速RAM存储器，也可能还包括非易失性存储器(non-volatile memory)，例如至少一个磁盘存储器。处理器1002，用于执行所述程序时实现图1所示实施例所述的图像文件的加载方法。如果存储器1001、处理器1002和通信接口1003独立实现，则通信接口1003、存储器1001和处理器1002可以通过总线相互连接并完成相互间的通信。所述总线可以是工业标准体系结构(Industry Standard Architecture，简称为ISA)总线、外部设备互连(PeripheralComponent，简称为PCI)总线或扩展工业标准体系结构(Extended Industry StandardArchitecture，简称为EISA)总线等。所述总线可以分为地址总线、数据总线、控制总线等。为便于表示，图7中仅用一条粗线表示，但并不表示仅有一根总线或一种类型的总线。
可选的，在具体实现上，如果存储器1001、处理器1002及通信接口1003，集成在一块芯片上实现，则存储器1001、处理器1002及通信接口1003可以通过内部接口完成相互间的通信。
处理器1002可能是一个中央处理器(Central Processing Unit，简称为CPU)，或者是特定集成电路(Application Specific Integrated Circuit，简称为ASIC)，或者是被配置成实施本发明实施例的一个或多个集成电路。
为了实现上述实施例，本申请实施例还提出另一种电子设备，该电子设备可包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序。处理器执行所述程序时实现图2至图3所示实施例中提供的图像文件的加载方法。
为了实现上述实施例，本申请实施例还提出一种计算机可读存储介质，其上存储有计算机程序，以用于实现本申请图1所示实施例所述的图像文件的加载方法。
为了实现上述实施例，本申请实施例还提出另一种计算机可读存储介质，其上存储有计算机程序，以用于实现本申请图2至图3所示实施例所述的图像文件的加载方法。
在本说明书的描述中，参考术语“一个实施例”、“一些实施例”、“示例”、“具体示例”、或“一些示例”等的描述意指结合该实施例或示例描述的具体特征、结构、材料或者特点包含于本申请的至少一个实施例或示例中。在本说明书中，对上述术语的示意性表述不必须针对的是相同的实施例或示例。而且，描述的具体特征、结构、材料或者特点可以在任一个或多个实施例或示例中以合适的方式结合。此外，在不相互矛盾的情况下，本领域的技术人员可以将本说明书中描述的不同实施例或示例以及不同实施例或示例的特征进行结合和组合。
此外，术语“第一”、“第二”仅用于描述目的，而不能理解为指示或暗示相对重要性或者隐含指明所指示的技术特征的数量。由此，限定有“第一”、“第二”的特征可以明示或者隐含地包括至少一个该特征。在本申请的描述中，“多个”的含义是至少两个，例如两个，三个等，除非另有明确具体的限定。
流程图中或在此以其他方式描述的任何过程或方法描述可以被理解为，表示包括一个或更多个用于实现定制逻辑功能或过程的步骤的可执行指令的代码的模块、片段或部分，并且本申请的优选实施方式的范围包括另外的实现，其中可以不按所示出或讨论的顺序，包括根据所涉及的功能按基本同时的方式或按相反的顺序，来执行功能，这应被本申请的实施例所属技术领域的技术人员所理解。
在流程图中表示或在此以其他方式描述的逻辑和/或步骤，例如，可以被认为是用于实现逻辑功能的可执行指令的定序列表，可以具体实现在任何计算机可读介质中，以供指令执行系统、装置或设备(如基于计算机的系统、包括处理器的系统或其他可以从指令执行系统、装置或设备取指令并执行指令的系统)使用，或结合这些指令执行系统、装置或设备而使用。就本说明书而言，"计算机可读介质"可以是任何可以包含、存储、通信、传播或传输程序以供指令执行系统、装置或设备或结合这些指令执行系统、装置或设备而使用的装置。计算机可读介质的更具体的示例(非穷尽性列表)包括以下：具有一个或多个布线的电连接部(电子装置)，便携式计算机盘盒(磁装置)，随机存取存储器(RAM)，只读存储器(ROM)，可擦除可编辑只读存储器(EPROM或闪速存储器)，光纤装置，以及便携式光盘只读存储器(CDROM)。另外，计算机可读介质甚至可以是可在其上打印所述程序的纸或其他合适的介质，因为可以例如通过对纸或其他介质进行光学扫描，接着进行编辑、解译或必要时以其他合适方式进行处理来以电子方式获得所述程序，然后将其存储在计算机存储器中。
应当理解，本申请的各部分可以用硬件、软件、固件或它们的组合来实现。在上述实施方式中，多个步骤或方法可以用存储在存储器中且由合适的指令执行系统执行的软件或固件来实现。如，如果用硬件来实现和在另一实施方式中一样，可用本领域公知的下列技术中的任一项或他们的组合来实现：具有用于对数据信号实现逻辑功能的逻辑门电路的离散逻辑电路，具有合适的组合逻辑门电路的专用集成电路，可编程门阵列(PGA)，现场可编程门阵列(FPGA)等。
本技术领域的普通技术人员可以理解实现上述实施例方法携带的全部或部分步骤是可以通过程序来指令相关的硬件完成，所述的程序可以存储于一种计算机可读存储介质中，该程序在执行时，包括方法实施例的步骤之一或其组合。
此外，在本申请各个实施例中的各功能单元可以集成在一个处理模块中，也可以是各个单元单独物理存在，也可以两个或两个以上单元集成在一个模块中。上述集成的模块既可以采用硬件的形式实现，也可以采用软件功能模块的形式实现。所述集成的模块如果以软件功能模块的形式实现并作为独立的产品销售或使用时，也可以存储在一个计算机可读取存储介质中。
上述提到的存储介质可以是只读存储器，磁盘或光盘等。尽管上面已经示出和描述了本申请的实施例，可以理解的是，上述实施例是示例性的，不能理解为对本申请的限制，本领域的普通技术人员在本申请的范围内可以对上述实施例进行变化、修改、替换和变型。
Claims (10)
1.一种图像文件的加载方法，其特征在于，包括：
向服务器发送图像文件加载请求，所述图像文件加载请求包括：待加载的图像文件的标识；所述图像文件的格式为可缩放矢量图形；
接收所述服务器返回的所述图像文件对应的面片数据，所述面片数据包括：各个面片的基础数据以及属性数据；
对所述面片数据中各个面片的基础数据以及属性数据进行格式转换，得到所述图像文件对应的各个组件；
对所述图像文件对应的各个组件进行渲染，完成对所述图像文件的加载操作。
2.根据权利要求1所述的方法，其特征在于，所述面片的形状为三角形；
所述面片的基础数据包括：三角形的三个顶点的坐标信息，以及三个顶点的连接顺序。
所述面片的属性数据包括以下信息中的任意一种或者多种：颜色、亮度、纹理。
3.根据权利要求1所述的方法，其特征在于，所述向服务器发送图像文件加载请求的触发条件为，
预设的控件被点击、检测到界面切换动作、或者到达待加载的图像文件的显示时间。
4.一种图像文件的加载方法，其特征在于，包括：
接收终端设备的图像文件加载请求，所述图像文件加载请求包括：待加载的图像文件的标识；所述图像文件的格式为可缩放矢量图形；
根据所述待加载的图像文件的标识，查询面片数据库，获取所述图像文件对应的面片数据；所述面片数据包括：各个面片的基础数据以及属性数据；
将所述图像文件对应的面片数据发送给所述终端设备。
5.根据权利要求4所述的方法，其特征在于，所述接收终端设备的图像文件加载请求之前，还包括：
获取存储的各个图像文件；
针对每个图像文件，对所述图像文件进行解析以及三角面片转换操作，获取所述图像文件对应的面片数据；
将所述图像文件的标识以及对应的面片数据存储至面片数据库。
6.根据权利要求5所述的方法，其特征在于，所述对所述图像文件进行解析以及三角面片转换操作，获取所述图像文件对应的面片数据，包括：
对所述图像文件进行解析，获取所述图像文件中的各个矢量图形的基础数据以及属性数据；
针对所述图像文件中的每个矢量图形，对所述矢量图形进行拆分，得到至少一个三角形矢量图形，根据所述至少一个三角形矢量图形，确定至少一个三角形面片的基础数据以及属性数据。
7.根据权利要求4所述的方法，其特征在于，所述面片的形状为三角形；
所述面片的基础数据包括：三角形的三个顶点的坐标信息，以及三个顶点的连接顺序。
所述面片的属性数据包括以下信息中的任意一种或者多种：颜色、亮度、纹理。
8.一种图像文件的加载装置，其特征在于，包括：
发送模块，用于向服务器发送图像文件加载请求，所述图像文件加载请求包括：待加载的图像文件的标识；所述图像文件的格式为可缩放矢量图形；
接收模块，用于接收所述服务器返回的所述图像文件对应的面片数据，所述面片数据包括：各个面片的基础数据以及属性数据；
格式转换模块，用于对所述面片数据中各个面片的基础数据以及属性数据进行格式转换，得到所述图像文件对应的各个组件；
渲染模块，用于对所述图像文件对应的各个组件进行渲染，完成对所述图像文件的加载操作。
9.根据权利要求8所述的装置，其特征在于，
所述面片的形状为三角形；
所述面片的基础数据包括：三角形的三个顶点的坐标信息，以及三个顶点的连接顺序。
所述面片的属性数据包括以下信息中的任意一种或者多种：颜色、亮度、纹理。
10.一种图像文件的加载装置，其特征在于，包括：
接收模块，用于接收终端设备的图像文件加载请求，所述图像文件加载请求包括：待加载的图像文件的标识；所述图像文件的格式为可缩放矢量图形；
查询模块，用于根据所述待加载的图像文件的标识，查询面片数据库，获取所述图像文件对应的面片数据；所述面片数据包括：各个面片的基础数据以及属性数据；
发送模块，用于将所述图像文件对应的面片数据发送给所述终端设备。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201910569386.0A CN110287431B (zh) | 2019-06-27 | 2019-06-27 | 图像文件的加载方法、装置、电子设备和存储介质 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201910569386.0A CN110287431B (zh) | 2019-06-27 | 2019-06-27 | 图像文件的加载方法、装置、电子设备和存储介质 |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN110287431A true CN110287431A (zh) | 2019-09-27 |
| CN110287431B CN110287431B (zh) | 2021-08-24 |
Family
ID=68019922
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201910569386.0A Active CN110287431B (zh) | 2019-06-27 | 2019-06-27 | 图像文件的加载方法、装置、电子设备和存储介质 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN110287431B (zh) |
Cited By (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN115599491A (zh) * | 2022-12-14 | 2023-01-13 | 西安纽扣软件科技有限公司（Cn） | Svg矢量图展现方法、装置、设备及存储介质 |
Citations (13)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN103186924A (zh) * | 2011-12-30 | 2013-07-03 | 国际商业机器公司 | 用于处理三维模型数据的方法和装置 |
| US20130195323A1 (en) * | 2012-01-26 | 2013-08-01 | Danyu Liu | System for Generating Object Contours in 3D Medical Image Data |
| CN103605534A (zh) * | 2013-10-31 | 2014-02-26 | 武汉极讯软件有限责任公司 | 图片加载方法及装置 |
| CN105243082A (zh) * | 2015-09-07 | 2016-01-13 | 百度在线网络技术（北京）有限公司 | 可缩放矢量图形图像的重组方法及重组装置 |
| CN105825544A (zh) * | 2015-11-25 | 2016-08-03 | 维沃移动通信有限公司 | 一种图像处理方法及移动终端 |
| US20160307367A1 (en) * | 2015-04-17 | 2016-10-20 | Ming Chuang | Raster-based mesh decimation |
| CN206147762U (zh) * | 2016-08-31 | 2017-05-03 | 中国电建集团昆明勘测设计研究院有限公司 | 一种基于标准图集管理的监测bim模型快速加载交互系统 |
| US20170358133A1 (en) * | 2016-06-09 | 2017-12-14 | Microsoft Technology Licensing, Llc | Adaptive Decimation Using 3D Video Features |
| CN108573521A (zh) * | 2018-04-12 | 2018-09-25 | 东南大学 | 基于cuda并行计算框架的实时交互式裸眼3d显示方法 |
| CN109045691A (zh) * | 2018-07-10 | 2018-12-21 | 网易（杭州）网络有限公司 | 一种特效对象的特效实现方法和装置 |
| CN109189524A (zh) * | 2018-08-09 | 2019-01-11 | 北京金山安全软件有限公司 | 一种图像资源的生成方法和装置 |
| CN109544668A (zh) * | 2017-09-21 | 2019-03-29 | 腾讯科技（深圳）有限公司 | 纹理坐标处理方法、终端设备及计算机可读存储介质 |
| CN109816762A (zh) * | 2019-01-30 | 2019-05-28 | 网易（杭州）网络有限公司 | 一种图像渲染方法、装置、电子设备和存储介质 |
-
2019
- 2019-06-27 CN CN201910569386.0A patent/CN110287431B/zh active Active
Patent Citations (13)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN103186924A (zh) * | 2011-12-30 | 2013-07-03 | 国际商业机器公司 | 用于处理三维模型数据的方法和装置 |
| US20130195323A1 (en) * | 2012-01-26 | 2013-08-01 | Danyu Liu | System for Generating Object Contours in 3D Medical Image Data |
| CN103605534A (zh) * | 2013-10-31 | 2014-02-26 | 武汉极讯软件有限责任公司 | 图片加载方法及装置 |
| US20160307367A1 (en) * | 2015-04-17 | 2016-10-20 | Ming Chuang | Raster-based mesh decimation |
| CN105243082A (zh) * | 2015-09-07 | 2016-01-13 | 百度在线网络技术（北京）有限公司 | 可缩放矢量图形图像的重组方法及重组装置 |
| CN105825544A (zh) * | 2015-11-25 | 2016-08-03 | 维沃移动通信有限公司 | 一种图像处理方法及移动终端 |
| US20170358133A1 (en) * | 2016-06-09 | 2017-12-14 | Microsoft Technology Licensing, Llc | Adaptive Decimation Using 3D Video Features |
| CN206147762U (zh) * | 2016-08-31 | 2017-05-03 | 中国电建集团昆明勘测设计研究院有限公司 | 一种基于标准图集管理的监测bim模型快速加载交互系统 |
| CN109544668A (zh) * | 2017-09-21 | 2019-03-29 | 腾讯科技（深圳）有限公司 | 纹理坐标处理方法、终端设备及计算机可读存储介质 |
| CN108573521A (zh) * | 2018-04-12 | 2018-09-25 | 东南大学 | 基于cuda并行计算框架的实时交互式裸眼3d显示方法 |
| CN109045691A (zh) * | 2018-07-10 | 2018-12-21 | 网易（杭州）网络有限公司 | 一种特效对象的特效实现方法和装置 |
| CN109189524A (zh) * | 2018-08-09 | 2019-01-11 | 北京金山安全软件有限公司 | 一种图像资源的生成方法和装置 |
| CN109816762A (zh) * | 2019-01-30 | 2019-05-28 | 网易（杭州）网络有限公司 | 一种图像渲染方法、装置、电子设备和存储介质 |
Non-Patent Citations (1)
| Title |
|---|
| 李文等: "基于GeoFusion的三维地形和目标模型调度显示研究", 《计算机工程与设计》 * |
Cited By (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN115599491A (zh) * | 2022-12-14 | 2023-01-13 | 西安纽扣软件科技有限公司（Cn） | Svg矢量图展现方法、装置、设备及存储介质 |
Also Published As
| Publication number | Publication date |
|---|---|
| CN110287431B (zh) | 2021-08-24 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN110297766A (zh) | 基于分布式测试节点集群的软件测试方法及软件测试系统 | |
| CN110286960A (zh) | 图像文件的加载方法、装置、电子设备和存储介质 | |
| CN106843828A (zh) | 界面显示、加载方法及装置 | |
| CN107908336B (zh) | 列表控件的刷新方法、装置、存储介质及终端 | |
| CN108055320B (zh) | 资源下载的处理方法、终端设备及计算机可读存储介质 | |
| CN108282518A (zh) | 一种客户端页面生成方法和装置 | |
| CN109711886A (zh) | 广告展示方法、装置和广告主服务器 | |
| CN109101228A (zh) | 应用程序的执行方法和装置 | |
| CN110062262A (zh) | 视频数据的转码控制方法、装置、电子设备和存储介质 | |
| CN109298900A (zh) | 一种应用拆分以及按需加载方法、装置 | |
| CN109583057A (zh) | 一种基于刚度分析的运载火箭有限元建模方法及装置 | |
| CN110535679A (zh) | 切片的管理方法、架构、网络切片销售平台和管理系统 | |
| CN201780586U (zh) | 远程医疗在线画板系统 | |
| CN108269060A (zh) | 广告合同系统 | |
| CN110020305A (zh) | 网页加载方法、装置、计算机设备和存储介质 | |
| CN111737618A (zh) | 用于Web端的矢量图显示方法、装置和计算机设备 | |
| CN109977026A (zh) | 测试网页回滚方法和装置 | |
| CN109271160A (zh) | 活动规则组建方法、装置和计算机系统、介质 | |
| CN110287431A (zh) | 图像文件的加载方法、装置、电子设备和存储介质 | |
| CN110435154A (zh) | 用于3d打印的图像处理方法、装置、电子设备及存储介质 | |
| CN112862934B (zh) | 用于处理动画的方法、装置、设备、介质和产品 | |
| CN113656359A (zh) | 三维模型的轻量化方法、装置、计算机设备及存储介质 | |
| CN106780660B (zh) | 一种图片处理方法及电子设备 | |
| CN108897582A (zh) | 界面加载方法、装置、电子设备、服务器，以及存储介质 | |
| CN107657657A (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 |