Image display method and device, electronic equipment and storage medium

Abstract

The invention provides an image display method and device, electronic equipment and a storage medium, and relates to the technical field of image processing. The method comprises the steps that relative position information of an image display window and a target image is acquired, an image block index corresponding to the target image is acquired, the image block index is used for showing position information of each image block in the target image, and the image blocks are obtained by segmenting the target image; according to the relative position information and the image block index, determining to-be-displayed image blocks of which at least partial areas are covered by the image display window in the image blocks obtained by segmenting the target image; obtaining a to-be-displayed image block; and displaying the obtained to-be-displayed image block in an image display window. According to the embodiment of the invention, in the image labeling process, the occupation of large-size image display on system resources can be reduced, and the response rate of a browser can be improved.

Description

Technical Field

[0001] The present disclosure relates to the field of image processing technology, and in particular to an image display method, device, electronic device and storage medium. Background Art

[0002] In the application of computer vision and machine learning, image data annotation is an important link. Currently, most image annotation tools are implemented based on browsers.

[0003] In the related art, when the size of the image to be annotated is too large, the display of the image to be annotated will occupy a large amount of system resources, thereby causing a decrease in the response rate of the browser. Summary of the invention

[0004] In order to overcome the problems existing in the related art, the present disclosure provides an image display method, device, electronic device and storage medium.

[0005] According to a first aspect of an embodiment of the present disclosure, there is provided an image display method, including:

[0006] Acquire relative position information between the image display window and the target image, and acquire an image block index corresponding to the target image, wherein the image block index is used to show position information of each image block in the target image, and the image block is obtained by segmenting the target image;

[0007] Determine, according to the relative position information and the image block index, an image block to be displayed whose area is at least partially covered by the image display window in the image blocks obtained by segmenting the target image;

[0008] Obtain the image block to be displayed;

[0009] The acquired image block to be displayed is displayed in the image display window.

[0010] In some embodiments, displaying the acquired image block to be displayed in the image display window includes:

[0011] If the image block to be displayed is completely covered by the image display window, displaying the image block to be displayed in the image display window;

[0012] If the image block to be displayed is partially covered by the image display window, the image block to be displayed is cropped, and the cropped image block to be displayed is displayed in the image display window, wherein the cropping process is used to remove the area not covered by the image display window in the image block to be displayed.

[0013] In some embodiments, determining, according to the relative position information and the image block index, the image blocks to be displayed whose areas are at least partially covered by the image display window in the image blocks obtained by segmenting the target image, comprises:

[0014] Determining a coverage area of ​​the image display window on the target image according to the relative position information;

[0015] For each image block obtained by segmenting the target image, the positions of the vertices of the image block are determined according to the image block index; if at least one vertex of the image block is located within the coverage area, the image block is used as the image block to be displayed.

[0016] In some embodiments, before obtaining the relative position information between the image display window and the target image and obtaining the image block index corresponding to the target image, the method further includes:

[0017] Uploading the target image to a server so that the server divides the target image into a plurality of image blocks, and establishing an image block index corresponding to the target image based on position information of a reference point in each image block in the target image;

[0018] The position of the reference point in each image block is the same.

[0019] In some embodiments, obtaining the image block to be displayed includes:

[0020] Obtain the image block to be displayed in the local cache;

[0021] If the image block to be displayed does not exist in the local cache, the image block to be displayed is obtained from the server.

[0022] In some embodiments, after acquiring the image block to be displayed, the method further includes:

[0023] The acquired at least part of the image blocks to be displayed is stored in a local cache.

[0024] In some embodiments, obtaining the image block to be displayed includes:

[0025] In the case that there are multiple image blocks to be displayed, multiple image blocks to be displayed are acquired in parallel.

[0026] In some embodiments, obtaining the image block index corresponding to the target image includes:

[0027] Querying the index path corresponding to the target image;

[0028] According to the index path, the image block index corresponding to the target image is obtained.

[0029] In some embodiments, the image block index includes: coordinates of a reference point in each image block in a reference coordinate system and the size of each image block;

[0030] The relative position information includes: the coordinates of the reference point of the image display window in the reference coordinate system and the size of the image display window;

[0031] The reference coordinate system is a plane coordinate system established with the reference point of the target image as the origin.

[0032] According to a second aspect of an embodiment of the present disclosure, there is provided an image display device, including:

[0033] A first acquisition module is used to acquire relative position information between the image display window and the target image, and to acquire an image block index corresponding to the target image, wherein the image block index is used to show position information of each image block in the target image, and the image block is obtained by segmenting the target image;

[0034] a determination module, configured to determine, in the image blocks obtained by segmenting the target image, an image block to be displayed whose area is at least partially covered by the image display window, according to the relative position information and the image block index;

[0035] A second acquisition module, used to acquire an image block to be displayed;

[0036] The display module is used to display the acquired image blocks to be displayed in the image display window.

[0037] According to a third aspect of an embodiment of the present disclosure, there is provided an electronic device, including:

[0038] Processor; and

[0039] A memory, configured to store executable instructions of the processor;

[0040] The processor is configured to execute the method described in the first aspect by executing the executable instructions.

[0041] According to a fourth aspect of an embodiment of the present disclosure, a computer-readable storage medium is provided, on which a computer program is stored. When the computer program is executed by a processor, the method described in the first aspect is implemented.

[0042] The solution provided by the embodiment of the present disclosure includes: obtaining the relative position information between the image display window and the target image, and obtaining the image block index corresponding to the target image, wherein the image block index is used to show the position information of each image block in the target image, and the image block is obtained by segmenting the target image. According to the relative position information and the image block index, the image block to be displayed whose area is at least partially covered by the image display window is determined in the image block segmented from the target image. The image block to be displayed is obtained, and the obtained image block to be displayed is displayed in the image display window. The embodiment of the present disclosure can reduce the occupation of system resources for large-size image display during the image annotation process, and improve the response rate of the browser. BRIEF DESCRIPTION OF THE DRAWINGS

[0043] Figure 1 A schematic diagram of the system architecture of an image display method in an embodiment of the present disclosure is shown.

[0044] Figure 2 A schematic flow chart of an image display method in an embodiment of the present disclosure is shown.

[0045] Figure 3 A schematic diagram of the process of establishing and applying an image block index in an embodiment of the present disclosure is shown.

[0046] Figure 4 A schematic structural diagram of an image display device in an embodiment of the present disclosure is shown.

[0047] Figure 5 A schematic structural diagram of an electronic device in an embodiment of the present disclosure is shown. DETAILED DESCRIPTION

[0048] Exemplary embodiments will be described in detail herein, examples of which are shown in the accompanying drawings. When the following description refers to the drawings, the same numbers in different drawings represent the same or similar elements unless otherwise indicated. The embodiments described in the following exemplary embodiments do not represent all embodiments consistent with the present disclosure. Instead, they are merely examples of devices and methods consistent with some aspects of the present disclosure as detailed in the appended claims.

[0049] In the application of computer vision and machine learning, image data annotation is an important link. High-quality annotated data is crucial for model training and performance improvement.

[0050] Most of the image annotation tools currently available on the market are implemented based on browsers, such as LabelImg, VGG ImageAnnotator (VIA), and CVAT, etc. These tools perform well when processing images of regular resolution, but they are unable to cope with super-large images.

[0051] The main reason is that the browser's canvas component has a pixel size limit, usually with a maximum pixel size of 16384 x 16384 or 32767 x 32767. When the image size exceeds this limit, loading and rendering the image may cause the browser to crash or become unresponsive.

[0052] On the other hand, even if the image size does not exceed the above display, the loading and rendering of larger images will still take up more system resources, which will cause the browser's response rate to drop and seriously affect the user experience.

[0053] In order to solve the above technical problems, the embodiment of the present disclosure provides an image display method, comprising: obtaining relative position information between an image display window and a target image, and obtaining an image block index corresponding to the target image. According to the relative position information and the image block index, an image block to be displayed whose area is at least partially covered by the image display window can be determined from the image blocks obtained by segmenting the target image. Subsequently, the image block to be displayed can be obtained, and the obtained image block to be displayed can be displayed in the image display window.

[0054] In the process of image annotation, the disclosed embodiment can only load and render the image in the area covered by the image display window each time, which significantly reduces the occupation of system resources by image display. In addition, the image is loaded in the form of image blocks, and each image block can be loaded in parallel, thereby further improving the image loading speed.

[0055] For example, Figure 1 A schematic diagram of an exemplary system architecture that can be applied to an image display method or an image display device according to an embodiment of the present disclosure is shown.

[0056] Please refer to Figure 1 The system architecture includes a user terminal 110 , a server 120 and a communication network 130 , wherein the user terminal 110 and the server 120 are connected via the communication network 130 .

[0057] Exemplarily, the user terminal 110 can display an image annotation interface through a browser, wherein a thumbnail is displayed in the image annotation interface, and the thumbnail can display the target image to be annotated and the image display window suspended thereon, thereby showing the user the current positional relationship between the image display window and the target image. By dragging the image display window in the thumbnail, the user can change the relative position of the image display window and the target image, thereby changing the covering relationship between the image display window and each image block. Among them, the image block is generated by segmenting the target image. At this time, the user terminal 110 can obtain the image block of at least a part of the area covered by the image display window from the server 120, and display it in the image display window.

[0058] It should be noted that the above-mentioned user terminal 110 includes but is not limited to mobile user terminals such as mobile phones, tablet computers, portable laptop computers, intelligent voice interaction devices, smart home appliances, and vehicle-mounted terminals, and can also be implemented as desktop computers, etc.

[0059] The server 120 may be an independent physical server, a server cluster or a distributed system composed of multiple physical servers, or a cloud server.

[0060] Those skilled in the art will know that Figure 1 The number of user terminals and servers shown in the figure is merely illustrative. Any number of user terminals and servers may be provided according to actual needs, and the present disclosure does not impose any limitation on this.

[0061] This exemplary implementation will be described in detail below with reference to the accompanying drawings and embodiments.

[0062] First, an image display method is provided in an embodiment of the present disclosure, and the method can be executed by a browser in an electronic device.

[0063] Figure 2 A schematic diagram showing a flow chart of an image display method in an embodiment of the present disclosure is shown as follows: Figure 2 As shown, the image display method provided in the embodiment of the present disclosure includes the following steps S201 to S204.

[0064] S201, obtaining relative position information between an image display window and a target image, and obtaining an image block index corresponding to the target image.

[0065] In some embodiments, the image block index is used to show the position information of each image block in the target image, and the image block is obtained by segmenting the target image.

[0066] In some embodiments, the target image can be uploaded to the server in advance through the browser. After receiving the target image, the server can divide the target image into multiple image blocks, and establish an image block index corresponding to the target image based on the position information of the reference point in each image block in the target image.

[0067] The size of each image block can be arbitrary. Smaller image blocks can reduce the total image block size that needs to be loaded each time, and reduce the memory usage of image loading and display, but will increase the size of the image block index and the number of stored image blocks. Conversely, larger image blocks can reduce the size of the image block index and the number of stored image blocks, but will increase the total image block size that needs to be loaded each time, and increase the memory usage of image loading and display.

[0068] Exemplarily, a preset image block size may be preconfigured in the server. The server may segment the target image by: cutting the target image vertically at intervals of the length of the preset image block size; and cutting the target image horizontally at intervals of the width of the preset image block size.

[0069] In this way, the sizes of the image blocks can be made relatively consistent, thereby facilitating the establishment of image block indexes.

[0070] Exemplarily, the reference point in the image block can be understood as a point used to locate the position of the image block. The position of the reference point in each image block is the same, so that each image block can express its position with the same reference point in the image block index. For example, the reference point can be a vertex or center point of the image block.

[0071] In some embodiments, the target image may be an image that needs to be annotated, and the image display window may be understood as an area in the browser for displaying the target image.

[0072] The size of the image display window can be pre-configured by the user. Since the size of the target image may be large, loading and displaying the complete target image requires a lot of system resources, which may cause the browser to freeze or crash. Therefore, by configuring the size of the image display window to be smaller than the size of the target image, and only loading and displaying the area of ​​the target image covered by the image display window each time the target image is browsed, the consumption of system resources for displaying the target image can be reduced.

[0073] In some embodiments, a thumbnail including a target image and an image display window may be displayed in the browser. In the thumbnail, the image display window is suspended above the target image. The user can view the relative position of the image display window and the target image in real time by observing the thumbnail, and change the relative position of the image display window and the target image by dragging the image display window.

[0074] S202: Determine, according to the relative position information and the image block index, an image block to be displayed whose area is at least partially covered by the image display window from among the image blocks obtained by segmenting the target image.

[0075] In some embodiments, since the relative position information between the image display window and the target image can show the position of the image display window in the target image, and the image block index can show the position of each image block in the target image, the positional relationship between the image display window and the image block can be obtained using the target image as a medium, thereby determining the image block to be displayed whose area is at least partially covered by the image display window.

[0076] The image blocks to be displayed whose at least a part of the area is covered by the image display window include image blocks completely covered by the image display window and image blocks partially covered by the image display window.

[0077] Exemplarily, the number of image blocks to be displayed is related to the size and position of the image display window and the size of the image block, which may be one or more, and the embodiment of the present disclosure is not limited to this.

[0078] S203: Obtain an image block to be displayed.

[0079] In some embodiments, based on the browser cache mechanism, after each acquisition of the image block to be displayed, at least part of the image block to be displayed may be stored in the local cache of the browser according to the cache size reserved by the browser.

[0080] It is understandable that when the user drags the image display window, the relative position of the image display window and the target image will change continuously. Therefore, each time the relative position of the image display window and the target image changes, at least part of the image blocks to be displayed can be reused in the next image display.

[0081] Based on this principle, by caching at least part of the image to be displayed after each acquisition of the image block to be displayed, the acquisition speed of the image block to be displayed after the position of the image display window is changed next time can be improved.

[0082] Therefore, each time the image block to be displayed is obtained, the image block to be displayed may be first obtained from the local cache. If the image block to be displayed does not exist in the local cache, the image block to be displayed may be obtained from the server.

[0083] In some embodiments, when there are multiple image blocks to be displayed, multiple image blocks to be displayed are acquired in parallel.

[0084] For example, since each image block to be displayed is independent of each other, an asynchronous request for the image block to be displayed can be implemented through the browser's XMLHttpRequest or Fetch API. That is, the browser can simultaneously initiate multiple data acquisition requests to the server, and the multiple data acquisition requests correspond to the multiple image blocks to be displayed one by one, and each data acquisition request is used to acquire one of the image blocks to be displayed.

[0085] That is to say, the acquisition of each image block to be displayed is parallel, thereby avoiding the blocking of the browser thread for acquiring the image block, further improving the acquisition efficiency of the image block to be displayed, and thus improving the display speed of the image.

[0086] S204: Display the acquired image block to be displayed in the image display window.

[0087] In some embodiments, if the image block to be displayed is completely covered by the image display window, the image block to be displayed may be directly displayed in the image display window.

[0088] If the image block to be displayed is partially covered by the image display window, the image block to be displayed is cropped, and the cropped image block to be displayed can be displayed in the image display window. The cropping process is used to remove the area not covered by the image display window in the image block to be displayed.

[0089] That is to say, before displaying the image blocks to be displayed, all the image blocks to be displayed can be cropped according to the size and position of the image display window, so that the image composed of the image blocks to be displayed that are finally retained is consistent with the size of the image display window, thereby improving the rendering speed of the image in the image display window.

[0090] In some embodiments, each time a change in the relative position between the image display window and the target image is detected, the method provided by the embodiment of the present disclosure may be executed to update the image displayed in the image display window.

[0091] Therefore, the image display method provided by the embodiment of the present disclosure can display only the portion of the target image covered by the image display window each time the image is displayed, thereby reducing the occupation of system resources by image loading and display, and improving the response rate of the browser during the image annotation process.

[0092] Next, we will combine Figure 3 , the establishment and application of image block index are explained in detail.

[0093] Please refer to Figure 3 , the target image can be divided into several image blocks and stored in the server, and the corresponding image block index is established. At the same time, the corresponding relationship between the target image and the index path of the image block index is established in the database.

[0094] When the browser obtains the image block index corresponding to the target image, it can query the index path corresponding to the target image in the above database, and then obtain the image block index corresponding to the target image according to the index path.

[0095] Exemplarily, the image block index may include: the coordinates of a reference point in each image block in a reference coordinate system and the size of each image block.

[0096] For example, each image block can be represented in the image block index as follows:

[0097] {

[0098] "height":5000,

[0099] "width":5000,

[0100] "x":0,

[0101] "y":0

[0102] }

[0103] Among them, "height" and "width" are the length and width of the image block respectively, and "x" and "y" are the coordinates of the reference point of the image block in the reference coordinate system.

[0104] Exemplarily, the reference point of the image block may be any point in the image block. For example, for a rectangular image block, the reference point may be any vertex of the rectangular image block.

[0105] The shape of each image block can be kept consistent, and the method of selecting reference points in each image block can be kept consistent, so as to establish a unified standard image block index.

[0106] Exemplarily, the reference coordinate system may be a plane coordinate system established with the reference point of the target image as the origin. For example, when the target image is a rectangle, its reference point may be any vertex of the rectangular image or the center point of the rectangular image, which is not limited in the embodiments of the present disclosure.

[0107] In some embodiments, to facilitate determination of the overlapping relationship between the image display window and the image block, the acquired relative position information between the image display window and the target image may include: the coordinates of the reference point of the image display window in the reference coordinate system and the size of the image display window.

[0108] The reference point of the image display window may be any point in the image display window, for example, for a rectangular image display window, the reference point may be any vertex in the rectangular image display window. The reference coordinate system may be the same as the reference coordinate system in the previous example.

[0109] By placing the acquired relative position information and the position information of each image block in the same reference coordinate system in advance, the covering relationship between the image display window and the image block can be quickly determined.

[0110] Please continue to refer to Figure 3 ,exist Figure 3 In FIG. 1 , the target image is divided into image blocks 1 to 9, a total of nine image blocks, and the image blocks are stored in the server together with their corresponding image block indexes and index paths.

[0111] When displaying a target image, the browser may obtain an index path corresponding to the target image from a database of the server, and obtain an image block index stored in the server according to the index path.

[0112] Based on the image block index and the relative position of the image display window in the browser and the target image, the browser can determine the image block to be displayed. Figure 3 Image blocks 1, 2, 4 and 5 are covered by the image display window.

[0113] After determining the image blocks to be displayed, the browser may obtain the image blocks to be displayed from the server and display them in the image display window.

[0114] In some embodiments, the covering relationship between the image display window and the image block may be quickly determined in the following manner.

[0115] Firstly, the coverage area of ​​the image display window on the target image can be determined according to the relative position information.

[0116] Next, for each image block obtained by segmenting the target image, the position of each vertex of the image block can be determined according to the image block index. If at least one vertex of the image block is located within the coverage area, the image block is used as the image block to be displayed.

[0117] Exemplarily, assuming that the coordinates of the image display window reference point (lower left corner vertex) shown in the relative position information are (10, 10), and the size of the image display window is 100×50, then the coverage area of ​​the image display window on the target image is: the horizontal coordinate range is 10 to 110, and the vertical coordinate range is 10 to 60.

[0118] If any vertex of the image block is within the coverage area, the image block is the image block to be displayed. For example, assuming that the image block index shows that the coordinates of the reference point (bottom left vertex) of the image block are (5, 5), and the size of the image block is 20×20, then the coordinates of the four vertices of the image block are (5, 5), (25, 5), (5, 25), and (25, 25). Among them, the horizontal and vertical coordinates of the vertex (25, 25) both meet the above coordinate ranges, so it can be determined that the vertex is within the coverage area, and further, it can be determined that the image block is the image block to be displayed.

[0119] Based on the same inventive concept, the present disclosure also provides an image display device in the following embodiments. Figure 1 The method embodiment shown is similar to that shown in FIG. 1 , so the implementation of the image display device embodiment can refer to the above Figure 1 The implementation of the illustrated method embodiment will not be described in detail in detail.

[0120] Figure 4 A schematic structural diagram of an image display device in an embodiment of the present disclosure is shown.

[0121] Specifically, Figure 4 As shown, the image display device 400 includes: a first acquisition module 401 , a determination module 402 , a second acquisition module 403 , and a display module 404 .

[0122] Among them, the first acquisition module 401 is used to obtain the relative position information between the image display window and the target image, and obtain the image block index corresponding to the target image. The image block index is used to show the position information of each image block in the target image. The image blocks are obtained by segmenting the target image.

[0123] The determination module 402 is used to determine, from the image blocks obtained by segmenting the target image, the image blocks to be displayed whose areas are at least partially covered by the image display window according to the relative position information and the image block index.

[0124] The second acquisition module 403 is used to acquire the image block to be displayed.

[0125] The display module 404 is used to display the acquired image blocks to be displayed in the image display window.

[0126] In some embodiments, the display module 404 is specifically used to display the image block to be displayed in the image display window if the image block to be displayed is completely covered by the image display window; if the image block to be displayed is partially covered by the image display window, cropping the image block to be displayed, and displaying the cropped image block to be displayed in the image display window, wherein the cropping process is used to eliminate the area not covered by the image display window in the image block to be displayed.

[0127] In some embodiments, the determination module 402 is specifically used to determine the coverage area of ​​the image display window on the target image based on the relative position information; for each image block obtained by segmenting the target image, determine the positions of each vertex of the image block based on the image block index; if at least one vertex of the image block is located within the coverage area, the image block is used as the image block to be displayed.

[0128] In some embodiments, the image display device 400 also includes: an upload module (not shown in the figure), which is used to upload the target image to the server so that the server divides the target image into multiple image blocks, and establishes an image block index corresponding to the target image based on the position information of the reference point in each image block in the target image; wherein the position of the reference point in each image block is the same.

[0129] In some embodiments, the second acquisition module 403 is specifically used to acquire the image block to be displayed in the local cache; if the image block to be displayed does not exist in the local cache, then acquire the image block to be displayed from the server.

[0130] In some embodiments, the image display device 400 further includes: a storage module, configured to store at least a portion of the acquired image blocks to be displayed in a local cache.

[0131] In some embodiments, the second acquisition module 403 is specifically configured to acquire multiple image blocks to be displayed in parallel when there are multiple image blocks to be displayed.

[0132] In some embodiments, the first acquisition module 401 is specifically used to query the index path corresponding to the target image; and acquire the image block index corresponding to the target image according to the index path.

[0133] In some embodiments, the image block index includes: the coordinates of the reference point in each image block in the reference coordinate system and the size of each image block; the relative position information includes: the coordinates of the reference point of the image display window in the reference coordinate system and the size of the image display window; wherein the reference coordinate system is a plane coordinate system established with the reference point of the target image as the origin.

[0134] Refer to the following Figure 5 hereinafter, an electronic device 500 capable of implementing the embodiments of the present disclosure is described. Figure 5 The electronic device 500 shown is merely an example and should not bring any limitation to the functions and scope of application of the embodiments of the present disclosure.

[0135] like Figure 5 As shown, the electronic device 500 is in the form of a general-purpose computing device. The components of the electronic device 500 may include, but are not limited to: at least one processor 510, at least one memory 520, and a bus 530 connecting different system components (including the memory 520 and the processor 510).

[0136] The memory stores program codes, which can be executed by the processor 510, so that the processor 510 executes the steps according to various exemplary embodiments of the present disclosure described in the above “Exemplary Method” section of the present disclosure.

[0137] In some embodiments, the processor 510 may further perform the following steps of the above method embodiment:

[0138] Obtaining relative position information between the image display window and the target image, and obtaining an image block index corresponding to the target image, where the image block index is used to show the position information of each image block in the target image, and the image block is obtained by segmenting the target image;

[0139] Determine, according to the relative position information and the image block index, an image block to be displayed whose area is at least partially covered by the image display window in the image blocks obtained by segmenting the target image;

[0140] Obtain the image block to be displayed;

[0141] The acquired image blocks to be displayed are displayed in the image display window.

[0142] The memory 520 may include a readable medium in the form of a volatile memory, such as a random access memory (RAM) 5201 and / or a cache memory 5202 , and may further include a read-only memory (ROM) 5203 .

[0143] The memory 520 may also include a program / utility 5204 having a set (at least one) of program modules 5205, such program modules 5205 including but not limited to: an operating system, one or more application programs, other program modules, and program data, each of which or some combination may include an implementation of a network environment.

[0144] Bus 530 may be a bus representing one or more of several types of bus structures, including a memory bus or memory controller, a peripheral bus, an accelerated graphics port, a processor, or a local bus using any of a variety of bus architectures.

[0145] The electronic device 500 may also communicate with one or more external devices 540 (e.g., keyboards, pointing devices, Bluetooth devices, etc.), one or more devices that enable a user to interact with the electronic device 500, and / or any device that enables the electronic device 500 to communicate with one or more other computing devices (e.g., routers, modems, etc.). Such communication may be performed through an input / output (I / O) interface 550. Furthermore, the electronic device 500 may also communicate with one or more networks (e.g., a local area network (LAN), a wide area network (WAN), and / or a public network, such as the Internet) through a network adapter 560. Figure 5 As shown, the network adapter 560 communicates with other modules of the electronic device 500 via the bus 530. It should be understood that, although not shown in the figure, other hardware and / or software modules can be used in conjunction with the electronic device 500, including but not limited to: microcode, device drivers, redundant processors, external disk drive arrays, RAID systems, tape drives, and data backup storage systems.

[0146] Through the description of the above implementation, it is easy for those skilled in the art to understand that the example implementation described here can be implemented by software, or by software combined with necessary hardware. Therefore, the technical solution according to the implementation of the present disclosure can be embodied in the form of a software product, which can be stored in a non-volatile storage medium (which can be a CD-ROM, a USB flash drive, a mobile hard disk, etc.) or on a network, including several instructions to enable a computing device (which can be a personal computer, a server, a terminal device, or a network device, etc.) to execute the method according to the implementation of the present disclosure.

[0147] In an exemplary embodiment of the present disclosure, a computer-readable storage medium is also provided, which may be a readable signal medium or a readable storage medium. A program product capable of implementing the above-mentioned method of the present disclosure is stored thereon. In some possible implementations, various aspects of the present disclosure may also be implemented in the form of a program product, which includes a program code, and when the program product is run on a terminal device, the program code is used to cause the terminal device to execute the steps according to various exemplary implementations of the present disclosure described in the above-mentioned "Exemplary Method" section of the present disclosure.

[0148] Those skilled in the art will readily appreciate other embodiments of the present disclosure after considering the specification and practicing the invention disclosed herein. The present disclosure is intended to cover any variations, uses or adaptations of the present disclosure, which follow the general principles of the present disclosure and include common knowledge or customary techniques in the art that are not disclosed in the present disclosure. The description and examples are intended to be exemplary only, and the true scope and spirit of the present disclosure are indicated by the appended claims.

Claims

1. An image display method, characterized in that: include: Acquire relative position information between the image display window and the target image, and acquire an image block index corresponding to the target image, wherein the image block index is used to show position information of each image block in the target image, and the image block is obtained by segmenting the target image; Determine, according to the relative position information and the image block index, an image block to be displayed whose area is at least partially covered by the image display window among the image blocks obtained by segmenting the target image; Obtain the image block to be displayed; The acquired image block to be displayed is displayed in the image display window.

2. The method according to claim 1, characterized in that The step of displaying the acquired image block to be displayed in the image display window comprises: If the image block to be displayed is completely covered by the image display window, displaying the image block to be displayed in the image display window; If the image block to be displayed is partially covered by the image display window, the image block to be displayed is cropped, and the cropped image block to be displayed is displayed in the image display window, wherein the cropping process is used to remove the area not covered by the image display window in the image block to be displayed.

3. The method according to claim 1, characterized in that The step of determining, according to the relative position information and the image block index, the image blocks to be displayed whose areas are at least partially covered by the image display window from among the image blocks segmented from the target image, comprises: Determining a coverage area of ​​the image display window on the target image according to the relative position information; For each image block obtained by segmenting the target image, the positions of the vertices of the image block are determined according to the image block index; if at least one vertex of the image block is located within the coverage area, the image block is used as the image block to be displayed.

4. The method according to claim 1, characterized in that Before obtaining the relative position information between the image display window and the target image, and obtaining the image block index corresponding to the target image, the method further includes: Uploading the target image to a server so that the server divides the target image into a plurality of image blocks, and establishing an image block index corresponding to the target image based on position information of a reference point in each image block in the target image; The position of the reference point in each image block is the same.

5. The method according to claim 1 or 3, characterized in that: The step of obtaining the image block to be displayed comprises: In the case that there are multiple image blocks to be displayed, multiple image blocks to be displayed are acquired in parallel.

6. The method according to claim 1, characterized in that The obtaining the image block index corresponding to the target image includes: Querying the index path corresponding to the target image; According to the index path, the image block index corresponding to the target image is obtained.

7. The method according to claim 1, characterized in that The image block index includes: the coordinates of the reference point in each image block in the reference coordinate system and the size of each image block; The relative position information includes: the coordinates of the reference point of the image display window in the reference coordinate system and the size of the image display window; The reference coordinate system is a plane coordinate system established with the reference point of the target image as the origin.

8. An image display device, characterized in that: include: A first acquisition module is used to acquire relative position information between the image display window and the target image, and to acquire an image block index corresponding to the target image, wherein the image block index is used to show position information of each image block in the target image, and the image block is obtained by segmenting the target image; a determination module, configured to determine, from the image blocks obtained by segmenting the target image, an image block to be displayed whose area is at least partially covered by the image display window, according to the relative position information and the image block index; A second acquisition module, used to acquire an image block to be displayed; The display module is used to display the acquired image blocks to be displayed in the image display window.

9. An electronic device, characterized in that: include: processor; as well as A memory, configured to store executable instructions of the processor; The processor is configured to perform the method of any one of claims 1 to 7 by executing the executable instructions.

10. A computer-readable storage medium having a computer program stored thereon, characterized in that: When the computer program is executed by a processor, the method according to any one of claims 1 to 7 is implemented.

Images