CN114995708A

CN114995708A - Image display method, device, equipment, medium and product

Info

Publication number: CN114995708A
Application number: CN202210652579.4A
Authority: CN
Inventors: 张开翼; 杨文海; 罗旋
Original assignee: Beijing Volcano Engine Technology Co Ltd
Current assignee: Beijing Volcano Engine Technology Co Ltd
Priority date: 2022-06-09
Filing date: 2022-06-09
Publication date: 2022-09-02

Abstract

The disclosure provides an image display method, device, equipment, medium and product, and relates to the technical field of computers. The method comprises the following steps: receiving an input operation for a plurality of images and a corresponding importance degree of each image in the plurality of images; adjusting the size of each image according to the importance degree of each image; sequentially determining the layout position of each image on the track line after the size is adjusted according to the order of the importance degree of each image; and displaying each image after layout is completed on the trajectory line. The method can beautifully show the image to the user based on the importance degree of the image, and improves the user experience.

Description

Image display method, device, equipment, medium and product

Technical Field

The present disclosure relates to the field of computer technologies, and in particular, to an image display method, an image display apparatus, an image display device, a computer-readable storage medium, and a computer program product.

Background

With the continuous development of computer technologies, especially mobile internet technologies, various applications can be installed in electronic devices such as mobile phones and computers, and these applications can provide users with rich human-computer interaction interfaces, and through the human-computer interaction interfaces, users can realize interaction with the electronic devices, for example, display information such as images by using the electronic devices.

At present, when a user displays a group of images by using electronic equipment, the user needs to manually set the arrangement position of each image, and when the number of the images is too large, the workload of the user is greatly increased, and the method is very inconvenient. Therefore, how to more conveniently display the image and reduce manual operation of a user is a problem which is important to be concerned by technicians in the field.

Disclosure of Invention

The purpose of the present disclosure is: provided are an image display method, an image display device, an image display apparatus, a computer-readable storage medium, and a computer program product, which can reduce manual operations of a user and display an image more conveniently.

In a first aspect, the present disclosure provides an image displaying method, including:

receiving an input operation for a plurality of images and a corresponding importance degree of each image in the plurality of images;

adjusting the size of each image according to the importance degree of each image;

sequentially determining the layout position of each image on the track line after the size is adjusted according to the order of the importance degree of each image;

and displaying each image after layout is completed on the trajectory line.

In a second aspect, the present disclosure provides an image display apparatus comprising:

the device comprises a receiving module, a judging module and a judging module, wherein the receiving module is used for receiving input operation aiming at a plurality of images and the importance degrees corresponding to each image in the plurality of images;

the adjusting module is used for adjusting the size of each image according to the importance degree of each image;

the determining module is used for sequentially determining the layout position of each image on the track line after the size is adjusted according to the order of the importance degree of each image;

and the display module is used for displaying each image after the layout is completed on the trajectory line.

In a third aspect, the present disclosure provides an electronic device, comprising:

a storage device having a computer program stored thereon;

processing means for executing the computer program in the storage means to carry out the steps of the method of any one of the first aspect.

In a fourth aspect, the present disclosure provides a computer-readable storage medium having a computer program stored thereon, wherein the program, when executed by a processing device, performs the steps of the method of any one of the first aspect.

In a fifth aspect, the present disclosure provides a computer program product comprising instructions which, when run on a device, cause the device to perform the steps of the method according to any one of the implementations of the first aspect.

From the above technical scheme, the present disclosure has the following advantages:

the present disclosure provides an image display method, apparatus, device, medium, and product, the method comprising: receiving an input operation for a plurality of images and a corresponding importance degree of each image in the plurality of images; adjusting the size of each image according to the importance degree of each image; sequentially determining the layout position of each image on the track line after the size is adjusted according to the order of the importance degree of each image; and displaying each image after layout is completed on the trajectory line. The method can automatically arrange the images at the designated positions based on the importance degree of the images, thereby being capable of displaying the images to users beautifully. For the user, the user only needs to provide the image and the importance of the image, subsequent manual operation is not needed, the operation of the user is reduced, and the user experience is improved.

Additional features and advantages of the present disclosure will be set forth in the detailed description which follows.

Drawings

In order to more clearly illustrate the technical method of the embodiments of the present disclosure, the drawings used in the embodiments will be briefly described below.

Fig. 1 is a flowchart of an image displaying method according to an embodiment of the present disclosure;

fig. 2A is a schematic diagram of an input interface provided in an embodiment of the present disclosure;

FIG. 2B is a schematic diagram of yet another input interface provided by an embodiment of the present disclosure;

FIG. 3A is a schematic diagram of a spiral trajectory provided by an embodiment of the present disclosure;

FIG. 3B is a schematic diagram of a rectangular trace provided by an embodiment of the present disclosure;

fig. 4A is a schematic diagram of a cloud image provided by an embodiment of the present disclosure;

fig. 4B is a schematic diagram of another cloud provided by an embodiment of the present disclosure;

fig. 4C is a schematic diagram of interaction with a cloud graph according to an embodiment of the present disclosure;

fig. 5 is a schematic diagram of an image displaying apparatus according to an embodiment of the disclosure;

fig. 6 is a schematic structural diagram of an electronic device according to an embodiment of the present disclosure.

Detailed Description

The terms "first", "second" in the embodiments of the present disclosure are used for descriptive purposes only and are not to be construed as indicating or implying relative importance or implicitly indicating the number of technical features indicated. Thus, a feature defined as "first" or "second" may explicitly or implicitly include one or more of that feature.

In some scenarios, a user may communicate information by presenting an image. Compared with characters, the image has richer details and intuition, and can be more intuitively sensed by the information transmitted by the user for audiences.

Generally, a user can utilize an electronic device to present an image to convey information in the image. In order to more beautifully show images with emphasis, a user can set the layout of the images, then when the images needing to be shown are more, the user needs to set arrangement positions for each image, and then the images after arrangement are shown. In this way, the user needs to perform setting of the arrangement position of the image with a complicated and heavy workload.

In view of this, the present disclosure provides an image displaying method, which may be performed by an electronic device. Electronic devices include, but are not limited to, smart phones, tablet computers, notebook computers, Personal Digital Assistants (PDAs), and the like. Specifically, the method comprises the following steps: the electronic equipment receives input operation aiming at a plurality of images and the importance degree corresponding to each image in the plurality of images, adjusts the size of each image according to the importance degree of each image, sequentially determines the layout position of each image after size adjustment on the trajectory line according to the order of the importance degree of each image, and displays each image after layout is completed on the trajectory line.

The method can automatically arrange the images at the designated positions based on the importance degree of the images, thereby being capable of displaying the images to users beautifully. For the user, the user only needs to provide the image and the importance of the image, subsequent manual operation is not needed, the operation of the user is reduced, and the user experience is improved.

The method can be applied to a presentation system. The method can be implemented in the form of a computer program when applied to a presentation system. In some embodiments, the computer program may be stand-alone, for example, may be a stand-alone application (e.g., APP) with corresponding functionality. In other embodiments, the computer program may be a functional module or a plug-in, etc., which is attached to an existing APP to run.

In order to make the technical solution of the present disclosure clearer and easier to understand, an image display method provided by the embodiment of the present disclosure is described below with reference to the accompanying drawings. As shown in fig. 1, the figure is a flowchart of an image displaying method provided in an embodiment of the present disclosure, where the method includes:

s101, the electronic equipment receives input operation of the importance degree corresponding to each of the plurality of images.

In some embodiments, the electronic device may present an input interface to the user, as shown in fig. 2A, which is a schematic diagram of one type of input interface provided by embodiments of the present disclosure. The input interface includes: an image input area 210, an importance input area 220, and a submission control 230. The image input area 210 includes, among other things, an upload control 211 and a preview area 212.

The user may click on the upload control 211 to locally select multiple images for upload. When the upload is complete, the electronic device may display the uploaded plurality of images in the preview area 212 for the user to preview.

During the preview process, the user may configure the importance level for each image in the importance input area 220. In some examples, the value range of the importance degree may be an integer of 1-10, for example, for image 1, the user may configure its importance degree as 10, indicating that the importance degree of image 1 is the highest; for image 2, the user may configure its importance level to be 5, indicating that the importance level of image 2 is medium; for image 3, the user may configure its importance level to 1, indicating that image 3 is of the lowest importance.

After the user has completed configuring the importance of each image, the user may click the submit control 230 to complete the input operation for the importance of the plurality of images as well as the plurality of images. It should be noted that the input operation may include a series of operations for inputting the image and the importance thereof, such as the operation of clicking the upload control 211, the operation of clicking the submit control 230, and the like.

Of course, the uploading of the plurality of images through the upload control 211 described above is merely an exemplary description. In other embodiments, the electronic device may provide a plurality of candidate images to the user, as shown in fig. 2B, which is a schematic diagram of another input interface provided by an embodiment of the present disclosure. The input interface includes: an image candidate area 240, an importance input area 250, and a submit control 260. The image candidate area 240 includes a plurality of candidate images 241 and a selection control 242 for each candidate image pair.

The user may click on the candidate control 242 corresponding to the candidate image to make the image selection. When the selection is completed, the image selected by the user may be moved to the forefront for subsequent importance configuration.

The user may then enter their importance level for each image in the importance level input area 250. After the user has completed configuring the importance of each image, the user may click on the submit control 260 to complete the input operation for the importance of the plurality of images as well as the plurality of images.

S102, the electronic equipment adjusts the size of each image according to the importance degree of each image.

The importance level is used to characterize the importance of the image, and when the importance of the image is higher, the importance level is higher. The electronic device may resize each image based on the importance of the image. For example, when the importance degree of the image is higher, the electronic device may resize the image to increase the occupied space of the image, so that the image is more easily noticed by the viewer; when the importance degree of the image is lower, the electronic device can adjust the size of the image to be smaller, so that the occupied space of the image is smaller, and the image is more difficult to be noticed by the audience.

In some embodiments, a corresponding relationship between the importance level and the zoom ratio when the image is adjusted may be preset, then the electronic device obtains the zoom ratio based on the corresponding relationship and the importance level configured by the user for the image, and then adjusts the size of the image by using the zoom ratio, and continuing the above example, the corresponding relationship may be as shown in table 1.

Table 1:

degree of importance	Scaling of a lens
		10	2
9	1.8
		…	…
1	0.2

As shown in table 1, when the importance level is 10, it indicates that the importance level of the image is the highest, and the scaling ratio is 2, that is, the size of the original image is adjusted to 2 times of the original size; when the importance level is 1, it indicates that the image has the lowest importance level, and the scaling ratio is 0.2, that is, the size of the original image is adjusted to 0.2 times of the original size.

After the correspondence relationship shown in table 1 is preset, the electronic device may obtain a corresponding scaling ratio through table 1 based on the importance degree configured for the image by the user, and then adjust the size of the image based on the obtained scaling ratio. For example, when the user inputs 10 degrees of importance for the image 1, the electronic device may obtain a scaling ratio of 2 from the correspondence shown in table 1, and then adjust the size of the image 1 to 2 times the original size.

In other embodiments, the electronic device may also resize each image based on the magnitude of the importance level in relation to the level threshold. When the importance degree of the image is greater than the degree threshold, the electronic device may enlarge the size of the image; when the importance degree of the image is less than the degree threshold, the electronic device may reduce the size of the image; when the degree of importance of an image is equal to the degree threshold, the electronic device may not resize the image. For example, the degree threshold may be 5, the above-mentioned importance degree of the image 1 is greater than the degree threshold, and the electronic device may perform the enlargement processing on the image 1.

It should be noted that, in the above example, the degree threshold is a specific numerical value, and in other examples, the degree threshold may also be a numerical value in an interval, for example, the interval may be 4 to 6.

In some embodiments, after the electronic device acquires the image input by the user, the image may be further preprocessed, including but not limited to performing a background removal process on the image and calculating the width and height of the image (to acquire the original size of the image). After the electronic device performs background removal processing on the image, the image can be converted into a black-and-white image, so that the aesthetic feeling of the displayed image can be improved.

S103, the electronic equipment determines the layout position of each image on the track line after the size is adjusted in sequence according to the order of the importance degree of each image.

The trajectory line refers to a trajectory on which the image is laid out, and the trajectory line may be selected by the user, may be randomly determined, or may be determined by the electronic device according to the shape of the image. In some examples, the electronic device determines that the trajectory line is a rectangular trajectory line if a proportion of the images having a rectangular shape among the plurality of images is greater than a preset threshold; otherwise, the electronic device determines the trajectory to be a spiral trajectory.

Fig. 3A is a schematic diagram of a spiral trace provided by an embodiment of the disclosure, and fig. 3B is a schematic diagram of a rectangular trace provided by an embodiment of the disclosure.

Taking the spiral trajectory line shown in fig. 3A as an example, the spiral trajectory line extends outward from the origin 301 in a spiral manner. There are a plurality of successive layout positions on the spiral trajectory, which are used for laying out the images, for example, the origin 301 may be one layout position, the next trajectory point 302 of the origin 301 may be the next layout position of the above layout positions, and so on.

After determining the trajectory line, the electronic device may sequentially determine the layout position of each image after the resizing on the trajectory line according to the order of the degree of importance of each image. In some examples, the distance along the trajectory line to the origin of the trajectory line for the layout position of each image is inversely related to the degree of importance, i.e., the higher the degree of importance of the image, the shorter its distance along the trajectory line to the origin of the trajectory line. For example, the layout position of the image of the highest degree of importance may be the origin of the trajectory line.

Of course, in other examples, the images with higher importance may be laid out first, and then the images with lower importance may be laid out, and then the images with lower importance may be filled in between the images with higher importance.

For easy understanding, as described in detail below with reference to fig. 3A as an example, the plurality of images at least include a first image (such as the image 1) and a second image (such as the image 2) with different degrees of importance, where the degree of importance of the first image is higher than that of the second image, and the electronic device may determine a first position of the first image on the trajectory line, such as an origin 301 of the trajectory line, and then determine a next trajectory point 302 of the origin 301 of the trajectory line, and use the trajectory point 302 as a second position on the trajectory line. The electronic device may then obtain an overlap result of the first image and the second image based on the adjusted size of the first image, the first position, the adjusted size of the second image, and the second position.

In some examples, the electronic device may treat each image as a rectangle to improve processing efficiency. For example, a rectangular coordinate system may be established with the first position, and when the sum of the width of the first image and the width of the second image is greater than 2 times of the horizontal distance from the second position to the first position, and the sum of the height of the first image and the height of the second image is greater than 2 times of the vertical distance from the second position to the first position, an overlapping result that the first image and the second image overlap is obtained, and conversely, an overlapping result that the first image and the second image do not overlap is obtained.

In other examples, the electronic device may also derive the overlay result for the first image and the second image based on the following pseudo-code:

it should be noted that the above are only some examples of the implementation manners of determining whether the first image and the second image overlap, and a person skilled in the art may select other manners to determine whether the first image and the second image overlap according to actual needs, so as to obtain an overlapping result.

In the case where the obtained overlapping result indicates that the first image does not overlap with the second image, the electronic device may determine the second position as a layout position of the second image on the trajectory line.

In the case where the resulting overlay result indicates that the first image overlaps the second image, the electronic device may determine a third position after the second position, as shown by trace point 303 in fig. 3A. Then, the electronic device may re-determine the overlapping result of the first image and the second image based on the adjusted size of the first image, the first position, the adjusted size of the second image, and the third position until the re-determined overlapping result indicates that the first image and the second image do not overlap. For example, after the second position is replaced by the third position for determination, and an overlapping result that the first image and the second image do not overlap is obtained, the third position is used as the layout position of the second image, and if an overlapping result that the first image and the second image overlap is obtained, the fourth position after the third position is used for replacement of the third position for determination until an overlapping result that the first image and the second image do not overlap is obtained, and the position after replacement is used as the layout position of the second image.

Continuing from the above embodiment, after the electronic device places the second image at the third position, no image is placed at the second position, and during the process of placing the subsequent image, such as the third image (e.g. the image 3 mentioned above), the electronic device obtains the overlapping result of the third image and the first image based on the second position, the adjusted size of the third image, the first position, and the adjusted size of the first image, and then obtains the overlapping result of the third image and the second image based on the second position, the adjusted size of the third image, the third position, and the adjusted size of the second image. And when the overlapping result of the third image and the first image indicates that the third image and the first image do not overlap and the overlapping result of the third image and the second image indicates that the third image and the second image do not overlap, taking the second position as the layout position of the third image. Therefore, the image on the track line can be more compact, and the visualization effect is better.

The electronic device may then determine the layout position of each image, and then place each image in its corresponding layout position, completing the layout of each image.

And S104, displaying each image after layout is completed on the trajectory line by the electronic equipment.

As shown in fig. 4A, the figure is a schematic diagram of a cloud image provided by an embodiment of the present disclosure. As can be seen from the figure, the camera image 401 has the highest degree of importance and occupies the largest space, the anchor image 402 has the next highest degree of importance, and the dolphin image 403 has the next highest degree of importance and occupies the smallest space, ….

It should be noted that the trace line is used for the electronic device to determine the layout position of each image, and the trace line may not be displayed in the subsequent display process after the placement of each image is completed.

Referring to fig. 4B, this figure is a schematic diagram of another cloud image provided by the embodiment of the present disclosure. The cloud picture is generated by the electronic device through the rectangular track line, and as can be seen from fig. 4B, when the proportion of the image with the rectangular shape in the placed image is greater than the preset threshold value (for example, 80%), the electronic device adopts the rectangular track line to layout the image, so that a better display effect can be obtained, and the obtained cloud picture is more attractive.

In some embodiments, the electronic device may also detect the position of a cursor, which is magnified when the cursor hovers over the target image. As shown in fig. 4C, this figure is a schematic diagram of interaction with a cloud graph according to an embodiment of the present disclosure. Where the camera image 401 may be a target image that the electronic device may magnify when the user control cursor hovers over, thereby providing more image detail to the user. Further, the electronic device may display related information of the target image while magnifying the target image, for example, attribute information of the target image may be displayed. The attribute information includes, but is not limited to, skip connection of the target image, introduction information, and the like.

Based on the above description, an embodiment of the present disclosure provides an image display method, where the method includes: the electronic equipment receives input operation aiming at a plurality of images and importance degrees corresponding to each image in the plurality of images; adjusting the size of each image according to the importance degree of each image; the electronic equipment sequentially determines the layout position of each image on the track line after the size is adjusted according to the order of the importance degree of each image; the electronic device displays each image after the layout is completed on the trajectory line. The method can automatically arrange the images at the designated positions based on the importance degree of the images, thereby being capable of displaying the images to users beautifully. For the user, the user only needs to provide the image and the importance of the image, subsequent manual operation is not needed, the operation of the user is reduced, and the user experience is improved.

Fig. 5 is a schematic diagram illustrating an image presentation apparatus according to an exemplary disclosed embodiment, as shown in fig. 5, the image presentation apparatus 500 comprising:

a receiving module 501, configured to receive an input operation for a plurality of images and importance levels corresponding to each of the plurality of images;

an adjusting module 502, configured to adjust a size of each image according to the importance level of each image;

a determining module 503, configured to sequentially determine the layout position of each image on the trajectory line after the size adjustment according to the order of the importance degree of each image;

a display module 504, configured to display each image after the layout is completed on the trajectory line.

Optionally, the distance of the layout position from the origin of the trajectory line along the trajectory line is inversely related to the degree of importance.

Optionally, the plurality of images at least includes a first image and a second image with different degrees of importance, the degree of importance of the first image is higher than that of the second image, and the determining module 503 is specifically configured to determine a first position of the first image on the trajectory line and a second position of the first image on the trajectory line;

obtaining an overlapping result of the first image and the second image according to the adjusted size of the first image, the first position, the adjusted size of the second image and the second position;

determining the second position as the layout position of the second image on the trajectory line if the overlapping result indicates that the first image and the second image do not overlap.

Optionally, the determining module 503 is further configured to determine a third position on the trajectory line after the second position if the overlapping result indicates that the first image overlaps the second image;

replacing the second position with a third position, re-determining the overlapping result of the first image and the second image until the re-determined overlapping result indicates that the first image and the second image do not overlap, and taking the replaced position as the layout position of the second image.

Optionally, the presentation module 504 is further configured to enlarge the target image when the cursor is hovering over the target image.

Optionally, the size of each image is positively correlated with the degree of importance of each image.

Optionally, a layout position of an image with the highest importance degree in the plurality of images on the trajectory line is an origin of the trajectory line.

Optionally, the trajectory line comprises a spiral trajectory line or a rectangular trajectory line.

Optionally, when a proportion of the images with the rectangular shapes in the plurality of images is greater than a preset threshold, the trajectory line is a rectangular trajectory line.

The functions of the above modules have been elaborated in the method steps in the previous embodiment, and are not described herein again.

Referring now to fig. 6, a schematic diagram of an electronic device 600 suitable for implementing the embodiments of the present disclosure is shown, the electronic device being used for implementing the corresponding functions of the image displaying apparatus 500 shown in fig. 5. The electronic device shown in fig. 6 is only an example, and should not bring any limitation to the functions and the scope of use of the embodiments of the present disclosure.

As shown in fig. 6, electronic device 600 may include a processing means (e.g., central processing unit, graphics processor, etc.) 601 that may perform various appropriate actions and processes in accordance with a program stored in a Read Only Memory (ROM)602 or a program loaded from a storage means 608 into a Random Access Memory (RAM) 603. In the RAM 603, various programs and data necessary for the operation of the electronic apparatus 600 are also stored. The processing device 601, the ROM 602, and the RAM 603 are connected to each other via a bus 604. An input/output (I/O) interface 605 is also connected to bus 604.

Generally, the following devices may be connected to the I/O interface 605: input devices 606 including, for example, a touch screen, touch pad, keyboard, mouse, camera, microphone, accelerometer, gyroscope, etc.; output devices 607 including, for example, a Liquid Crystal Display (LCD), a speaker, a vibrator, and the like; storage 608 including, for example, tape, hard disk, etc.; and a communication device 609. The communication means 609 may allow the electronic device 600 to communicate with other devices wirelessly or by wire to exchange data. While fig. 6 illustrates an electronic device 600 having various means, it is to be understood that not all illustrated means are required to be implemented or provided. More or fewer devices may alternatively be implemented or provided.

In particular, according to an embodiment of the present disclosure, the processes described above with reference to the flowcharts may be implemented as computer software programs. For example, embodiments of the present disclosure include a computer program product comprising a computer program carried on a non-transitory computer readable medium, the computer program containing program code for performing the method illustrated by the flow chart. In such an embodiment, the computer program may be downloaded and installed from a network via the communication means 609, or may be installed from the storage means 608, or may be installed from the ROM 602. The computer program, when executed by the processing device 601, performs the above-described functions defined in the methods of embodiments of the present disclosure.

It should be noted that the computer readable medium of the present disclosure may be a computer readable signal medium or a computer readable storage medium or any combination of the two. A computer readable storage medium may be, for example, but not limited to, an electronic, magnetic, optical, electromagnetic, infrared, or semiconductor system, apparatus, or device, or any combination of the foregoing. More specific examples of the computer readable storage medium may include, but are not limited to: an electrical connection having one or more wires, a portable computer diskette, a hard disk, a Random Access Memory (RAM), a read-only memory (ROM), an erasable programmable read-only memory (EPROM or flash memory), an optical fiber, a portable compact disc read-only memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination of the foregoing. In the present disclosure, a computer readable storage medium may be any tangible medium that can contain, or store a program for use by or in connection with an instruction execution system, apparatus, or device. In contrast, in the present disclosure, a computer readable signal medium may comprise a propagated data signal with computer readable program code embodied therein, either in baseband or as part of a carrier wave. Such a propagated data signal may take many forms, including, but not limited to, electro-magnetic, optical, or any suitable combination thereof. A computer readable signal medium may also be any computer readable medium that is not a computer readable storage medium and that can communicate, propagate, or transport a program for use by or in connection with an instruction execution system, apparatus, or device. Program code embodied on a computer readable medium may be transmitted using any appropriate medium, including but not limited to: electrical wires, optical cables, RF (radio frequency), etc., or any suitable combination of the foregoing.

In some embodiments, the clients, servers may communicate using any currently known or future developed network Protocol, such as HTTP (HyperText Transfer Protocol), and may interconnect with any form or medium of digital data communication (e.g., a communications network). Examples of communication networks include a local area network ("LAN"), a wide area network ("WAN"), the Internet (e.g., the Internet), and peer-to-peer networks (e.g., ad hoc peer-to-peer networks), as well as any currently known or future developed network.

The computer readable medium may be embodied in the electronic device; or may exist separately without being assembled into the electronic device.

The computer readable medium carries one or more programs which, when executed by the electronic device, cause the electronic device to: receiving an input operation for a plurality of images and a corresponding importance degree of each image in the plurality of images; adjusting the size of each image according to the importance degree of each image; sequentially determining the layout position of each image on the track line after the size is adjusted according to the order of the importance degree of each image; and displaying each image after layout is completed on the trajectory line.

Computer program code for carrying out operations for the present disclosure may be written in any combination of one or more programming languages, including but not limited to an object oriented programming language such as Java, Smalltalk, C + +, and conventional procedural programming languages, such as the "C" programming language or similar programming languages. The program code may execute entirely on the user's computer, partly on the user's computer, as a stand-alone software package, partly on the user's computer and partly on a remote computer or entirely on the remote computer or server. In the latter scenario, the remote computer may be connected to the user's computer through any type of network, including a Local Area Network (LAN) or a Wide Area Network (WAN), or the connection may be made to an external computer (for example, through the Internet using an Internet service provider).

The flowchart and block diagrams in the figures illustrate the architecture, functionality, and operation of possible implementations of systems, methods and computer program products according to various embodiments of the present disclosure. In this regard, each block in the flowchart or block diagrams may represent a module, segment, or portion of code, which comprises one or more executable instructions for implementing the specified logical function(s). It should also be noted that, in some alternative implementations, the functions noted in the block may occur out of the order noted in the figures. For example, two blocks shown in succession may, in fact, be executed substantially concurrently, or the blocks may sometimes be executed in the reverse order, depending upon the functionality involved. It will also be noted that each block of the block diagrams and/or flowchart illustration, and combinations of blocks in the block diagrams and/or flowchart illustration, can be implemented by special purpose hardware-based systems which perform the specified functions or acts, or combinations of special purpose hardware and computer instructions.

The modules described in the embodiments of the present disclosure may be implemented by software or hardware. The name of the module does not in some cases form a limitation on the module itself, for example, the first obtaining module may also be described as a "module for obtaining at least two internet protocol addresses".

The functions described herein above may be performed, at least in part, by one or more hardware logic components. For example, without limitation, exemplary types of hardware logic components that may be used include: field Programmable Gate Arrays (FPGAs), Application Specific Integrated Circuits (ASICs), Application Specific Standard Products (ASSPs), systems on a chip (SOCs), Complex Programmable Logic Devices (CPLDs), and the like.

In the context of this disclosure, a machine-readable medium may be a tangible medium that can contain, or store a program for use by or in connection with an instruction execution system, apparatus, or device. The machine-readable medium may be a machine-readable signal medium or a machine-readable storage medium. A machine-readable medium may include, but is not limited to, an electronic, magnetic, optical, electromagnetic, infrared, or semiconductor system, apparatus, or device, or any suitable combination of the foregoing. More specific examples of a machine-readable storage medium would include an electrical connection based on one or more wires, a portable computer diskette, a hard disk, a Random Access Memory (RAM), a read-only memory (ROM), an erasable programmable read-only memory (EPROM or flash memory), an optical fiber, a portable compact disc read-only memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination of the foregoing.

Example 1 provides an image presentation method according to one or more embodiments of the present disclosure, including:

and displaying each image after layout is completed on the trajectory line.

Example 2 provides the method of example 1, the distance of the layout position along the trajectory line to the origin of the trajectory line being inversely related to the degree of importance, in accordance with one or more embodiments of the present disclosure.

Example 3 provides the method of example 1, the plurality of images including at least a first image and a second image having different degrees of importance, the first image having a higher degree of importance than the second image; the sequentially determining the layout position of each image after the size adjustment on the trajectory line according to the order of the importance degree of each image comprises:

determining a first location of the first image on the trajectory line and a second location on the trajectory line;

Example 4 provides the method of example 3, further comprising, in accordance with one or more embodiments of the present disclosure:

determining a third position on the trajectory line after the second position if the overlapping result indicates that the first image and the second image overlap;

Example 5 provides the method of examples 1-4, after said presenting each image after completion of the layout on the trajectory line, further comprising:

the target image is magnified while the cursor is hovering over the target image.

Example 6 provides the method of example 1, the size of each image being positively correlated with the degree of importance of each image, according to one or more embodiments of the present disclosure.

Example 7 provides the method of example 1, wherein a layout position of the most important image of the plurality of images on the trajectory line is an origin of the trajectory line, according to one or more embodiments of the present disclosure.

Example 8 provides the method of example 1, the trajectory comprising a spiral trajectory or a rectangular trajectory, in accordance with one or more embodiments of the present disclosure.

Example 9 provides the method of example 1, wherein the trajectory line is a rectangular trajectory line when a proportion of the images having a rectangular shape among the plurality of images is greater than a preset threshold value, according to one or more embodiments of the present disclosure.

The foregoing description is only exemplary of the preferred embodiments of the disclosure and is illustrative of the principles of the technology employed. It will be appreciated by those skilled in the art that the scope of the disclosure herein is not limited to the particular combination of features described above, but also encompasses other combinations of features described above or equivalents thereof without departing from the spirit of the disclosure. For example, the above features and (but not limited to) the features disclosed in this disclosure having similar functions are replaced with each other to form the technical solution.

Further, while operations are depicted in a particular order, this should not be understood as requiring that such operations be performed in the particular order shown or in sequential order. Under certain circumstances, multitasking and parallel processing may be advantageous. Likewise, while several specific implementation details are included in the above discussion, these should not be construed as limitations on the scope of the disclosure. Certain features that are described in the context of separate embodiments can also be implemented in combination in a single embodiment. Conversely, various features that are described in the context of a single embodiment can also be implemented in multiple embodiments separately or in any suitable subcombination.

Although the subject matter has been described in language specific to structural features and/or methodological acts, it is to be understood that the subject matter defined in the appended claims is not necessarily limited to the specific features or acts described above. Rather, the specific features and acts described above are disclosed as example forms of implementing the claims. With regard to the apparatus in the above-described embodiment, the specific manner in which each module performs the operation has been described in detail in the embodiment related to the method, and will not be elaborated here.

Claims

1. An image presentation method, comprising:

and displaying each image after layout is completed on the trajectory line.

2. The method of claim 1, wherein a distance of the layout positions along the trajectory line to an origin of the trajectory line is inversely related to the degree of importance.

3. The method according to claim 1, wherein the plurality of images include at least a first image and a second image having different degrees of importance, the degree of importance of the first image being higher than that of the second image; the sequentially determining the layout position of each image after the size adjustment on the trajectory line according to the order of the importance degree of each image comprises:

4. The method of claim 3, further comprising:

5. The method of any of claims 1-4, wherein after said presenting each image after completion of the layout on the trajectory line, the method further comprises:

6. The method of claim 1, wherein the size of each image is positively correlated to the importance of each image.

7. The method according to claim 1, wherein a layout position on the trajectory line of an image having a highest degree of importance among the plurality of images is an origin of the trajectory line.

8. The method of claim 1, wherein the trajectory line comprises a spiral trajectory line or a rectangular trajectory line.

9. The method according to claim 1, wherein the trajectory line is a rectangular trajectory line when a proportion of the images having a rectangular shape among the plurality of images is greater than a preset threshold value.

10. An image display apparatus, comprising:

11. An electronic device, comprising:

a storage device having a computer program stored thereon;

processing means for executing the computer program in the storage means to carry out the steps of the method according to any one of claims 1 to 9.

12. A computer-readable storage medium, on which a computer program is stored, characterized in that the program, when being executed by processing means, carries out the steps of the method of any one of claims 1 to 9.

13. A computer program product, characterized in that it causes a computer to carry out the steps of the method according to any one of claims 1 to 9 when said computer program product is run on a computer.