Image display method and device, equipment and storage medium

Abstract

The invention discloses an image display method and device, equipment and a storage medium, and relates to the technical field of image processing, and the method comprises the steps: determining an index file corresponding to a to-be-displayed image; the index file comprises index information corresponding to each image block of the to-be-displayed image; determining target index information from the index file based on a size relationship between the to-be-displayed image and the current display area, and loading a target image block corresponding to the target index information to the current display area; determining a coordinate position of the mouse pointer and a target display area having a preset position relationship with the coordinate position according to the movement event of the mouse pointer in the current display area; and loading the image blocks corresponding to the target display area by utilizing the index file so as to display image information corresponding to the moving event through the target display area. Therefore, the corresponding image information is displayed along with the movement of the mouse on the basis of the index information of the image blocks in combination with the movement event of the mouse pointer, and the image display efficiency and effect can be improved.

Description

Technical Field

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

[0002] When viewing images on conventional display devices, it's often difficult to grasp both the overall composition and local details. Currently, common image display methods offer image zooming, but these operations are cumbersome and lack effective visualization of local details. This is particularly true in specific application scenarios such as nondestructive testing image evaluation, medical image analysis, and map navigation, where personnel often have to go through tedious steps to view specific image information.

[0003] Therefore, how to simplify the operation steps of image display and improve the user experience of relevant personnel is a problem to be solved in this field. Summary of the Invention

[0004] In view of this, the present invention aims to provide an image display method, apparatus, device, and storage medium that can display corresponding image information based on tile index information and mouse pointer movement events, thereby improving image display efficiency and effects. The specific solution is as follows:

[0005] In a first aspect, the present application provides an image display method, comprising:

[0006] Determining an index file corresponding to the image to be displayed; the index file contains index information corresponding to each block of the image to be displayed;

[0007] Determining target index information from the index file based on a size relationship between the image to be displayed and the current display area, and loading a target image block corresponding to the target index information into the current display area;

[0008] Determining, according to a movement event of the mouse pointer in the current display area, a coordinate position of the mouse pointer and a target display area having a preset positional relationship with the coordinate position;

[0009] The image blocks corresponding to the target display area are loaded by using the index file, so as to display image information corresponding to the movement event through the target display area.

[0010] Optionally, before determining the index file corresponding to the image to be displayed, the method further includes:

[0011] Performing a resolution determination operation on the received image file according to a preset high-resolution condition to obtain an original image that meets the preset high-resolution condition;

[0012] Dividing the original image into a plurality of blocks by means of grid segmentation, and generating corresponding index information for each block;

[0013] The index information corresponding to the original image is stored as an independent index file, so as to determine the index file corresponding to the image to be displayed; the image to be displayed is the selected original image.

[0014] Optionally, determining target index information from the index file based on a size relationship between the image to be displayed and the current display area includes:

[0015] Calculating a zoom ratio of the image to be displayed based on size information of the image to be displayed and the current display area to obtain a corresponding target zoom ratio;

[0016] According to the target zoom ratio and in combination with a preset tile loading order, the target index information corresponding to the current moment is determined from the index file.

[0017] Optionally, determining the coordinate position of the mouse pointer and a target display area having a preset positional relationship with the coordinate position according to a movement event of the mouse pointer in the current display area includes:

[0018] Monitoring a movement event of a mouse pointer in an image area of the current display area; the image area is an area in the current display area containing image information;

[0019] determining a first coordinate position of the mouse pointer in the image area at the current moment according to the movement event; the first coordinate position is a coordinate in a first coordinate system corresponding to the image area;

[0020] Based on the coordinate relationship between the image area and the current display area and the target zoom ratio, converting the first coordinate position to coordinates in a second coordinate system corresponding to the current display area to obtain a second coordinate position corresponding to the mouse pointer;

[0021] Determining, in the second coordinate system, a plurality of third coordinate positions that have a preset positional relationship with the second coordinate position;

[0022] Calculating the center point of the display area composed of a plurality of the third coordinate positions to obtain a corresponding center position;

[0023] Calculating an offset of the center position relative to the mouse pointer, and determining a relationship between the calculated offset and a preset threshold range;

[0024] If the offset is within the preset threshold range, the display area formed by the plurality of third coordinate positions is determined to be the target display area.

[0025] Optionally, determining the coordinate position of the mouse pointer according to a movement event of the mouse pointer in the current display area includes:

[0026] When a movement event of the mouse pointer in the current display area is detected, a preset timer is triggered;

[0027] If the preset timer is triggered again within the waiting time, reset the preset timer;

[0028] If the preset timer is not triggered again before the waiting time expires, the coordinate position of the mouse pointer is determined according to the movement event.

[0029] Optionally, the using the index file to load the image block corresponding to the target display area so as to display image information corresponding to the movement event in the target display area includes:

[0030] determining, from the index file, a plurality of target index information corresponding to the target display area according to a matching relationship between the target display area and the coordinate positions corresponding to the respective index information in the index file;

[0031] The image block corresponding to the target index information is loaded to display image information corresponding to the movement event in the target display area through the target display area.

[0032] Optionally, the method further includes:

[0033] Acquire pixel data of the image to be displayed at the coordinate position;

[0034] channel values of the pixel data, and formatting the channel values into display text;

[0035] The display text is displayed in a preset position area to display image information corresponding to the movement event.

[0036] In a second aspect, the present application provides an image display device, comprising:

[0037] An index file determination module, configured to determine an index file corresponding to an image to be displayed; the index file includes index information corresponding to each image block of the image to be displayed;

[0038] A first image block loading module is configured to determine target index information from the index file based on a size relationship between the image to be displayed and the current display area, and load a target image block corresponding to the target index information into the current display area;

[0039] a target display area determination module, configured to determine the coordinate position of the mouse pointer and a target display area having a preset positional relationship with the coordinate position according to a movement event of the mouse pointer in the current display area;

[0040] The second image block loading module is configured to load the image block corresponding to the target display area by using the index file, so as to display image information corresponding to the movement event through the target display area.

[0041] In a third aspect, the present application provides an electronic device, comprising:

[0042] Memory, used to store computer programs;

[0043] A processor is used to execute the computer program to implement the above-mentioned image display method.

[0044] In a fourth aspect, the present application provides a computer-readable storage medium for storing a computer program, which implements the image display method as described above when executed by a processor.

[0045] It can be seen that the present application first determines the index file corresponding to the image to be displayed; the index file contains index information corresponding to each tile of the image to be displayed; then, based on the size relationship between the image to be displayed and the current display area, the target index information is determined from the index file, and the target tile corresponding to the target index information is loaded into the current display area; then, based on the movement event of the mouse pointer in the current display area, the coordinate position of the mouse pointer and the target display area with a preset position relationship with the coordinate position are determined; then, using the index file, the tile corresponding to the target display area is loaded to display the image information corresponding to the movement event through the target display area. In this way, the present application can display the image based on the index information of each tile by dividing the image into tiles; this can also improve the display efficiency and display effect of the local image; and, the present application can combine the movement event of the mouse pointer and use the target display area to follow the movement of the mouse in time to display the corresponding image information, thereby simplifying the operation steps of image display and improving the experience of relevant personnel. BRIEF DESCRIPTION OF THE DRAWINGS

[0046] In order to more clearly illustrate the embodiments of the present invention or the technical solutions in the prior art, the following briefly introduces the drawings required for use in the embodiments or the description of the prior art. Obviously, the drawings described below are merely embodiments of the present invention. For ordinary technicians in this field, other drawings can be obtained based on the provided drawings without paying any creative work.

[0047] Figure 1 This is a flow chart of an image display method disclosed in this application;

[0048] Figure 2 This is a flow chart of a specific image display method disclosed in this application;

[0049] Figure 3 This is a schematic diagram of a specific image magnification display page disclosed in this application;

[0050] Figure 4 This is a schematic diagram of a specific RGB display page disclosed in this application;

[0051] Figure 5 A schematic diagram of a specific image display system architecture disclosed in this application;

[0052] Figure 6 This is a schematic structural diagram of an image display device disclosed in this application;

[0053] Figure 7 This is a structural diagram of an electronic device disclosed in this application. DETAILED DESCRIPTION

[0054] The following will clearly and completely describe the technical solutions in the embodiments of the present invention in conjunction with the accompanying drawings. Obviously, the described embodiments are only part of the embodiments of the present invention, not all of the embodiments. Based on the embodiments of the present invention, all other embodiments obtained by ordinary technicians in this field without making creative efforts are within the scope of protection of the present invention.

[0055] See also Figure 1 As shown, an embodiment of the present invention discloses an image display method, including:

[0056] Step S11 : determining an index file corresponding to the image to be displayed; the index file contains index information corresponding to each image block of the image to be displayed.

[0057] In this application, for an image to be displayed, the image can be divided into several tiles in advance, and corresponding index information can be generated for each tile. Furthermore, if a single image is composed of several tiles, the index information of each tile can be stored as an independent index file. In this way, image storage management can be implemented based on the index file of each image. When an image needs to be displayed, the index file corresponding to the image to be displayed is first determined.

[0058] In a specific embodiment, before determining the index file corresponding to the image to be displayed, the method may further include: performing a resolution determination operation on the received image file based on a preset high-resolution condition to obtain an original image that meets the preset high-resolution condition; dividing the original image into a plurality of blocks through grid segmentation, and generating corresponding index information for each block; storing each index information corresponding to the original image as a separate index file to determine the index file corresponding to the image to be displayed; the image to be displayed is the selected original image. Specifically, first, a plurality of image files are received, and the image display operation is different for images of different specifications; further, for high-resolution images, the resolution determination operation on the received image file based on the preset high-resolution condition is performed, thereby obtaining a high-resolution original image that meets the condition. Then, the high-resolution original image is divided into blocks through grid segmentation, and corresponding index information is generated for the divided blocks; combined with the index information corresponding to the plurality of blocks, the index information is further stored as a separate index file, facilitating subsequent management of images to be displayed through the index file.

[0059] Step S12: determining target index information from the index file based on the size relationship between the image to be displayed and the current display area, and loading a target image block corresponding to the target index information into the current display area.

[0060] Furthermore, after determining the image to be displayed and its corresponding index file, the target index information corresponding to the target block to be loaded can be determined based on the size relationship between the current display area and the image to be displayed, combined with the block situation given by the index file and the retrieval information of each block, so as to load the corresponding target block into the current display area.

[0061] In a specific embodiment, the determination of the target index information from the index file based on the size relationship between the image to be displayed and the current display area may include: calculating the scaling ratio of the image to be displayed based on the size information of the image to be displayed and the current display area to obtain a corresponding target scaling ratio; determining the target index information corresponding to the current moment from the index file based on the target scaling ratio in combination with a preset tile loading order. Specifically, there may be a mismatch between the image to be displayed and the current display area, and the scaling ratio needs to be calculated based on the size relationship between the two; further, the target index information of the target tile that needs to be loaded corresponding to the current moment can be determined from the index file based on the target scaling ratio in combination with a preset tile loading order.

[0062] In another specific embodiment, when the display size of a Canvas (used for drawing graphics on a web page) is affected by the parent container or other styles, the size and position of the drawn content can be dynamically adjusted by calculating the scaling ratio. When an image is drawn onto the Canvas, the original aspect ratio can be maintained. Then, based on the aspect ratio and size relationship between the Canvas and the original image, the height of the outer div (a division used to define and divide different parts or areas) of the Canvas is dynamically adjusted to ensure that the display effect of the Canvas within the div meets the expectations. Specifically, if the Canvas is wider or smaller, the height of the div will automatically adjust based on the content; if the aspect ratio and size of the Canvas are closer to the original image, the height of the div will occupy the full height of the parent container.

[0063] Step S13: determining the coordinate position of the mouse pointer and a target display area having a preset positional relationship with the coordinate position according to the movement event of the mouse pointer in the current display area.

[0064] In this application, after loading the image tiles to be displayed into the current display area through the above steps, the mouse pointer can be monitored, and the coordinate position of the mouse pointer can be determined based on the movement event of the mouse pointer in the current display area. Then, based on the preset position relationship, another target display area with a corresponding position relationship with the coordinate position of the mouse pointer can be determined. It is understandable that a listener can be added here to monitor whether the image loading is complete, so that when the image loading is detected, the monitoring operation of the mouse pointer is triggered.

[0065] In a specific embodiment, determining the coordinate position of the mouse pointer and a target display area having a preset positional relationship with the coordinate position based on a movement event of the mouse pointer in the current display area may include: monitoring a movement event of the mouse pointer in an image area of the current display area, wherein the image area is an area of the current display area containing image information; determining a first coordinate position of the mouse pointer in the image area at a current moment based on the movement event; the first coordinate position being a coordinate in a first coordinate system corresponding to the image area; converting the first coordinate position to a coordinate in a second coordinate system corresponding to the current display area based on the coordinate relationship between the image area and the current display area and the target zoom ratio to obtain a second coordinate position corresponding to the mouse pointer; determining a plurality of third coordinate positions in the second coordinate system that have a preset positional relationship with the second coordinate position; calculating a center point of a display area formed by the plurality of third coordinate positions to obtain a corresponding center position; calculating an offset of the center position relative to the mouse pointer, and determining a relationship between the calculated offset and a preset threshold range; and determining that the display area formed by the plurality of third coordinate positions is the target display area if the offset is within the preset threshold range. Specifically, after loading the image to be displayed into the current display area, a mouse pointer movement event within the image area containing image information in the current display area can be monitored, i.e., a mouse pointer movement event over the displayed image information can be monitored. Then, based on the movement event, the specific coordinate position of the mouse pointer within the image area in the current display area at the current moment is determined, i.e., a first coordinate position in a first coordinate system corresponding to the image area. Furthermore, since the current display area and the image to be displayed have a size relationship, the size of the displayed image information may differ from the size of the corresponding original image. In this case, based on the coordinate relationship between the image area and the current display area, and the target zoom ratio corresponding to the image display, the first coordinate position can be converted to a second coordinate position in a second coordinate system corresponding to the current display area. Furthermore, in the second coordinate system, a plurality of third coordinate positions having a preset positional relationship with the second coordinate position of the mouse pointer can be determined. A display area can be formed by the plurality of third coordinate positions. Based on the offset of the center position corresponding to the center point of the display area relative to the mouse pointer, the offset is calculated. If the offset is within a preset threshold range, i.e., within an acceptable range, the display area formed by the plurality of third coordinate positions can be determined as the target display area. It is understandable that the target display area and the coordinate position of the mouse pointer here conform to a preset position relationship, and the shape and position of the target display area are not limited and can be located at any position in the current display area.

[0066] In another specific embodiment, the coordinate position of the mouse pointer is determined based on the movement event of the mouse pointer in the current display area, which may include: triggering a preset timer when monitoring the movement event of the mouse pointer in the current display area; if the preset timer is triggered again within the waiting time, resetting the preset timer; if the preset timer is not triggered again before the waiting time ends, determining the coordinate position of the mouse pointer based on the movement event. Specifically, in the process of monitoring the movement event of the mouse pointer, the validity of the movement event can be guaranteed by the timer to optimize the user experience; specifically, when the mouse pointer generates a movement event, the preset timer is triggered, and before the countdown of the timer ends, if the timer is triggered repeatedly, the timer needs to be reset to ensure that the movement event corresponding to the timer is valid, so as to avoid the movement event caused by mouse jitter being counted; accordingly, if the timer is not triggered repeatedly before the countdown ends, it can be determined that the movement event corresponding to the current timer is valid and reliable, and the coordinate position of the mouse pointer can be determined based on the movement event to carry out subsequent steps.

[0067] Step S14: Using the index file, load the image block corresponding to the target display area, so as to display image information corresponding to the movement event through the target display area.

[0068] In the present application, the above steps can be used to load the image to be displayed into the current display area, and monitor the movement events of the mouse pointer. The coordinate position of the mouse pointer and the target display area that has a preset position relationship with the coordinate position can be determined in combination with the movement events. After that, the image block corresponding to the target display area can be loaded, and the image information corresponding to the movement event of the mouse pointer can be displayed through the target display area.

[0069] In a specific embodiment, the use of the index file to load the tiles corresponding to the target display area so as to display the image information corresponding to the movement event through the target display area may include: determining a number of target index information corresponding to the target display area from the index file based on the matching relationship between the target display area and the coordinate positions corresponding to each index information in the index file; loading the tiles corresponding to the target index information so as to display the image information corresponding to the movement event in the target display area through the target display area. Specifically, when loading the tiles corresponding to the target display area, the number of target index information corresponding to the target display area may be determined from the index file based on the matching relationship between the position of the target display area and the positions corresponding to each index information in the index file; and then loading the tiles corresponding to the number of target index information into the target display area. It can be understood that the above steps can display the information of the part of the image related to the position of the mouse pointer in the target display area, and the image information displayed in the target display area changes with the movement event of the mouse pointer.

[0070] In another specific embodiment, the method may further include: obtaining pixel data of the image to be displayed at the coordinate position; determining channel values of the pixel data and formatting the channel values into display text; and displaying the display text in a preset location area to display image information corresponding to the motion event. Specifically, during the image display process, the pixel data of the image to be displayed at the coordinate position can be obtained based on the coordinate position of the mouse pointer, and the channel values of the pixel data can be further formatted into text format, i.e., formatted to obtain display text; and then displaying the display text in the preset location area. In this way, the RGB value of the image at the position of the mouse pointer during the motion event can be displayed.

[0071] As can be seen from this, the present application can display the image based on the index information of each tile by dividing the image into tiles; this can also improve the display efficiency and display effect of the local image; and the present application can combine the movement event of the mouse pointer and use the target display area to follow the movement of the mouse in time to display the corresponding image information, simplifying the operation steps of image display and improving the experience of relevant personnel. In addition, combined with a timer, it can ensure that the final determined movement event is effective and reliable, avoiding the frequent use of the target display area corresponding to the corresponding movement event for image display.

[0072] like Figure 2 As shown, the embodiment of the present application discloses an image display method, which specifically includes:

[0073] In this embodiment, the image file is first loaded, and the original size of the image to be loaded and the scaling ratio of the display area are calculated. It can be understood that getBoundingClientRect() is a method for obtaining the size of an element and its position relative to the viewport. When the display size of the Canvas is affected by the parent container or other styles, the size and position of the drawn content can be dynamically adjusted by calculating the scaling ratio. The image is then drawn onto the Canvas canvas, maintaining the original aspect ratio. Specifically, the height of the outer div of the Canvas can be dynamically adjusted according to the aspect ratio and size relationship between the Canvas and the original image to ensure that the display effect of the Canvas in the div meets expectations. Specifically: if the Canvas is wider or smaller, the height of the div will automatically adjust according to the content; if the aspect ratio and size of the Canvas are closer to the original image, the height of the div will fill the height of the parent container. Furthermore, it is possible to determine whether the image loading is successful by adding an image loading completion event listener.

[0074] Furthermore, after the image is drawn to the Canvas, you can listen for mouse movement events on the Canvas. Specifically, the Canvas binds to the onmousemove event (when the mouse moves over an element) to obtain the current mouse coordinate position. The coordinate positions are as follows: x = (event.clientX - rect.left) * scale (scaling factor), y = (event.clientY - rect.top) * scale (scaling factor); where event.clientX and event.clientY are properties of the mouse event, representing the horizontal and vertical coordinates of the mouse pointer relative to the top-left corner of the viewport; rect is a DOMRect object (representing the element's geometric position) obtained via getBoundingClientRect(), indicating the position and size of the Canvas element on the page; rect.left is the distance from the left border of the Canvas element relative to the left side of the viewport; and rect.top is the distance from the top border of the Canvas element relative to the top of the viewport. As you can see, the entire formula converts the viewport coordinates of the mouse event into coordinates relative to the Canvas drawing area, taking the scaling factor into account.

[0075] The coordinate position of the mouse pointer can then be used as the center to calculate the image area that needs to be magnified. Specifically, a region centered at (x, y) can be extracted from the source canvas and magnified onto the target canvas. The offset of the center point of the magnified region relative to the mouse pointer is calculated to ensure that the mouse pointer is located at the center of the magnified region. It can be understood that the image information that needs to be magnified corresponding to the mouse pointer movement event can be drawn and magnified at a specified location (such as next to the mouse), such as Figure 3 As shown in the figure, you can use the drawImage() method of Canvas to draw the magnified area. The default magnification is 2.

[0076] In a specific embodiment, the RGB (Red, Green, Blue) values of an image can be displayed in real time. First, the pixel data of the mouse position is obtained through the getImageDat() method of Canvas, the R, G, and B channel values are extracted, and the RGB values are formatted as display text (such as "RGB (255, 128, 64)"); then the RGB values are displayed in real time at a specified location (such as the upper right corner of the display area). Figure 4 shown.

[0077] like Figure 5 The following diagram shows the system architecture involved in the specific implementation of this technical solution, including the user interface, image loading module, mouse interaction module, Canvas rendering engine, magnified area processing module, magnifying glass display, RGB extraction module, and RGB value display. For specific implementation details, please refer to the disclosure of the aforementioned embodiments. It should be noted that this technical solution can be implemented on the front end without plugin dependencies, making it more lightweight and cross-platform, and is suitable for practical image display scenarios such as non-destructive testing, medical imaging, and map navigation.

[0078] As can be seen, this application draws an image onto a Canvas canvas, captures the mouse pointer position in real time through mouse motion events, dynamically generates a magnified area centered on the mouse pointer, and displays the magnified image at the specified location. Simultaneously, it extracts and displays the RGB values of the image pixels at the current mouse pointer position. This solves the problems of inconvenient image viewing and difficulty identifying details, enabling interactive dynamic image magnification and real-time feedback of color information, improving user experience and operational efficiency.

[0079] like Figure 6 As shown, the embodiment of the present application discloses an image display device, including:

[0080] An index file determination module 11 is configured to determine an index file corresponding to an image to be displayed; the index file includes index information corresponding to each image block of the image to be displayed;

[0081] A first image block loading module 12 is configured to determine target index information from the index file based on a size relationship between the image to be displayed and the current display area, and load a target image block corresponding to the target index information into the current display area;

[0082] a target display area determination module 13, configured to determine the coordinate position of the mouse pointer and a target display area having a preset positional relationship with the coordinate position according to a movement event of the mouse pointer in the current display area;

[0083] The second image block loading module 14 is configured to load the image blocks corresponding to the target display area using the index file, so as to display image information corresponding to the movement event in the target display area.

[0084] It can be seen that the present application can display the image based on the index information of each block by dividing the image into blocks; this can also improve the display efficiency and display effect of the local image; and the present application can combine the movement event of the mouse pointer and use the target display area to follow the movement of the mouse in time to display the corresponding image information, which simplifies the operation steps of image display and can enhance the experience of relevant personnel.

[0085] In a specific embodiment, the device may further include:

[0086] A resolution determination module, configured to perform a resolution determination operation on a received image file based on a preset high-resolution condition to obtain an original image that meets the preset high-resolution condition;

[0087] An index generation module, configured to divide the original image into a plurality of blocks by means of grid segmentation, and generate corresponding index information for each block;

[0088] The index file storage module is used to store the index information corresponding to the original image as an independent index file, so as to determine the index file corresponding to the image to be displayed; the image to be displayed is the selected original image.

[0089] In a specific embodiment, the first tile loading module 12 may include:

[0090] a scaling ratio calculation unit, configured to calculate the scaling ratio of the image to be displayed based on size information of the image to be displayed and the current display area, to obtain a corresponding target scaling ratio;

[0091] The first index information determining unit is configured to determine target index information corresponding to a current moment from the index file according to the target zoom ratio and a preset tile loading order.

[0092] In another specific embodiment, the target display area determination module 13 may include:

[0093] A motion event monitoring unit, configured to monitor a motion event of a mouse pointer in an image area of the current display area; the image area is an area in the current display area containing image information;

[0094] A first coordinate position determining unit is configured to determine a first coordinate position of the mouse pointer in the image area at a current moment according to the movement event; the first coordinate position is a coordinate in a first coordinate system corresponding to the image area;

[0095] a second coordinate position determining unit, configured to convert the first coordinate position into coordinates in a second coordinate system corresponding to the current display area based on a coordinate relationship between the image area and the current display area and the target zoom ratio, to obtain a second coordinate position corresponding to the mouse pointer;

[0096] a third coordinate position determining unit, configured to determine, in the second coordinate system, a plurality of third coordinate positions that have a preset positional relationship with the second coordinate position;

[0097] a center position calculation unit, configured to calculate a center point of a display area composed of a plurality of third coordinate positions to obtain a corresponding center position;

[0098] a determination unit, configured to calculate an offset of the center position relative to the mouse pointer, and determine a relationship between the calculated offset and a preset threshold range;

[0099] The target display area determination unit is configured to determine that a display area formed by a plurality of the third coordinate positions is a target display area when the offset is within the preset threshold range.

[0100] In a specific embodiment, the target display area determination module 13 may include:

[0101] A timer triggering unit, configured to trigger a preset timer when detecting a movement event of the mouse pointer in the current display area;

[0102] a timer resetting unit, configured to reset the preset timer when the preset timer is triggered again within the waiting time;

[0103] The fourth coordinate position determining unit is configured to determine the coordinate position of the mouse pointer according to the movement event when the preset timer is not triggered again before the waiting time expires.

[0104] In a specific embodiment, the second tile loading module 14 may include:

[0105] a second index information determining unit, configured to determine, from the index file, a plurality of target index information corresponding to the target display area according to a matching relationship between the target display area and coordinate positions corresponding to the respective index information in the index file;

[0106] The image block loading unit is configured to load the image block corresponding to the target index information, so as to display image information corresponding to the movement event in the target display area through the target display area.

[0107] In a specific embodiment, the device may further include:

[0108] A pixel data acquisition module, configured to acquire pixel data of the image to be displayed at the coordinate position;

[0109] a channel value formatting module, configured to process the channel value of the pixel data and format the channel value into display text;

[0110] The image information display module is used to display the display text in a preset position area to display image information corresponding to the movement event.

[0111] Furthermore, the embodiment of the present application also discloses an electronic device, Figure 7 This is a structural diagram of an electronic device 20 according to an exemplary embodiment. The content in the diagram should not be considered as any limitation to the scope of application of the present application.

[0112] Figure 7 This is a schematic diagram of the structure of an electronic device 20 provided in an embodiment of the present application. The electronic device 20 may include: at least one processor 21, at least one memory 22, a power supply 23, a communication interface 24, an input / output interface 25, and a communication bus 26. The memory 22 is used to store a computer program, which is loaded and executed by the processor 21 to implement the relevant steps of the image display method disclosed in any of the aforementioned embodiments. Furthermore, the electronic device 20 in this embodiment may be a computer.

[0113] In this embodiment, the power supply 23 is used to provide operating voltage for each hardware device on the electronic device 20; the communication interface 24 can create a data transmission channel between the electronic device 20 and the external device. The communication protocol it follows is any communication protocol that can be applied to the technical solution of this application and is not specifically limited here; the input and output interface 25 is used to obtain external input data or output data to the outside world. Its specific interface type can be selected according to specific application needs and is not specifically limited here.

[0114] In addition, the memory 22, as a carrier for resource storage, can be a read-only memory, random access memory, disk or CD, etc. The resources stored thereon can include an operating system 221, a computer program 222, etc., and the storage method can be temporary storage or permanent storage.

[0115] The operating system 221 is used to manage and control the hardware devices on the electronic device 20 and the computer program 222, and can be Windows Server, Netware, Unix, Linux, etc. In addition to including a computer program capable of implementing the image display method performed by the electronic device 20 disclosed in any of the aforementioned embodiments, the computer program 222 can further include a computer program capable of implementing other specific tasks.

[0116] Furthermore, this application also discloses a computer-readable storage medium for storing a computer program; wherein, when the computer program is executed by a processor, the image display method disclosed above is implemented. The specific steps of this method can be referred to the corresponding contents disclosed in the aforementioned embodiments and will not be repeated here.

[0117] The various embodiments in this specification are described in a progressive manner, with each embodiment focusing on its differences from the other embodiments. Reference can be made to the descriptions of the identical or similar parts between the various embodiments. For the devices disclosed in the embodiments, since they correspond to the methods disclosed in the embodiments, the descriptions are relatively simple, and the relevant parts can be referred to the descriptions of the methods.

[0118] Professionals may further appreciate that the units and algorithm steps of each example described in conjunction with the embodiments disclosed herein can be implemented in electronic hardware, computer software, or a combination of the two. In order to clearly illustrate the interchangeability of hardware and software, the above description has generally described the components and steps of each example according to their functions. Whether these functions are performed in hardware or software depends on the specific application and design constraints of the technical solution. Professionals and technicians may use different methods to implement the described functions for each specific application, but such implementation should not be considered beyond the scope of this application.

[0119] The steps of the methods or algorithms described in conjunction with the embodiments disclosed herein may be implemented directly using hardware, a software module executed by a processor, or a combination of the two. The software module may be placed in random access memory (RAM), internal memory, read-only memory (ROM), electrically programmable ROM, electrically erasable programmable ROM, registers, a hard disk, a removable disk, a CD-ROM, or any other form of storage medium known in the art.

[0120] Finally, it should be noted that, in this document, relational terms such as first and second, etc., are used only to distinguish one entity or operation from another entity or operation, and do not necessarily require or imply any actual relationship or order between these entities or operations. Moreover, the terms "comprises," "comprising," or any other variations thereof are intended to cover non-exclusive inclusion, such that a process, method, article, or device comprising a series of elements includes not only those elements, but also other elements not explicitly listed, or elements inherent to such process, method, article, or device. In the absence of further limitations, an element defined by the phrase "comprising a ..." does not exclude the presence of additional identical elements in the process, method, article, or device comprising the element.

[0121] The above is a detailed introduction to the technical solution provided by the present application. Specific examples are used herein to illustrate the principles and implementation methods of the present application. The description of the above embodiments is only used to help understand the method of the present application and its core idea. At the same time, for those skilled in the art, according to the ideas of the present application, there may be changes in the specific implementation methods and application scope. In summary, the content of this specification should not be understood as a limitation on the present application.

Claims

1. An image display method, characterized in that: include: Determine the index file corresponding to the image to be displayed; The index file contains index information corresponding to each block of the image to be displayed; Determining target index information from the index file based on a size relationship between the image to be displayed and the current display area, and loading a target image block corresponding to the target index information into the current display area; Determining, according to a movement event of the mouse pointer in the current display area, a coordinate position of the mouse pointer and a target display area having a preset positional relationship with the coordinate position; The image blocks corresponding to the target display area are loaded by using the index file, so as to display image information corresponding to the movement event through the target display area.

2. The image display method according to claim 1, wherein: Before determining the index file corresponding to the image to be displayed, the method further includes: Performing a resolution determination operation on the received image file according to a preset high-resolution condition to obtain an original image that meets the preset high-resolution condition; Dividing the original image into a plurality of blocks by means of grid segmentation, and generating corresponding index information for each block; The index information corresponding to the original image is stored as an independent index file, so as to determine the index file corresponding to the image to be displayed; the image to be displayed is the selected original image.

3. The image display method according to claim 1, wherein: The determining target index information from the index file based on the size relationship between the image to be displayed and the current display area includes: Calculating a zoom ratio of the image to be displayed based on size information of the image to be displayed and the current display area to obtain a corresponding target zoom ratio; According to the target zoom ratio and in combination with a preset tile loading order, the target index information corresponding to the current moment is determined from the index file.

4. The image display method according to claim 3, wherein: The determining, according to a movement event of the mouse pointer in the current display area, the coordinate position of the mouse pointer and the target display area having a preset positional relationship with the coordinate position includes: Monitoring a movement event of a mouse pointer in an image area of the current display area; the image area is an area in the current display area containing image information; determining a first coordinate position of the mouse pointer in the image area at the current moment according to the movement event; the first coordinate position is a coordinate in a first coordinate system corresponding to the image area; Based on the coordinate relationship between the image area and the current display area and the target zoom ratio, converting the first coordinate position to coordinates in a second coordinate system corresponding to the current display area to obtain a second coordinate position corresponding to the mouse pointer; Determining, in the second coordinate system, a plurality of third coordinate positions that have a preset positional relationship with the second coordinate position; Calculating the center point of the display area composed of a plurality of the third coordinate positions to obtain a corresponding center position; Calculating an offset of the center position relative to the mouse pointer, and determining a relationship between the calculated offset and a preset threshold range; If the offset is within the preset threshold range, the display area formed by the plurality of third coordinate positions is determined to be the target display area.

5. The image display method according to claim 1, wherein: The determining the coordinate position of the mouse pointer according to the movement event of the mouse pointer in the current display area includes: When a movement event of the mouse pointer in the current display area is detected, a preset timer is triggered; If the preset timer is triggered again within the waiting time, reset the preset timer; If the preset timer is not triggered again before the waiting time expires, the coordinate position of the mouse pointer is determined according to the movement event.

6. The image display method according to claim 1, wherein: The step of loading the image block corresponding to the target display area by using the index file to display image information corresponding to the movement event in the target display area includes: determining, from the index file, a plurality of target index information corresponding to the target display area according to a matching relationship between the target display area and the coordinate positions corresponding to the respective index information in the index file; The image block corresponding to the target index information is loaded to display image information corresponding to the movement event in the target display area through the target display area.

7. The image display method according to any one of claims 1 to 6, characterized in that: Also includes: Acquire pixel data of the image to be displayed at the coordinate position; channel values of the pixel data, and formatting the channel values into display text; The display text is displayed in a preset position area to display image information corresponding to the movement event.

8. An image display device, characterized in that: include: An index file determination module, used to determine the index file corresponding to the image to be displayed; The index file contains index information corresponding to each block of the image to be displayed; A first image block loading module is configured to determine target index information from the index file based on a size relationship between the image to be displayed and the current display area, and load a target image block corresponding to the target index information into the current display area; a target display area determination module, configured to determine the coordinate position of the mouse pointer and a target display area having a preset positional relationship with the coordinate position according to a movement event of the mouse pointer in the current display area; The second image block loading module is configured to load the image block corresponding to the target display area by using the index file, so as to display image information corresponding to the movement event through the target display area.

9. An electronic device, characterized in that: include: Memory, used to store computer programs; A processor, configured to execute the computer program to implement the image display method according to any one of claims 1 to 7.

10. A computer-readable storage medium, characterized in that Used to store a computer program, which, when executed by a processor, implements the image display method according to any one of claims 1 to 7.

Images