CN112562023B - Image creation method, device and system - Google Patents
Image creation method, device and system Download PDFInfo
- Publication number
- CN112562023B CN112562023B CN201910916898.XA CN201910916898A CN112562023B CN 112562023 B CN112562023 B CN 112562023B CN 201910916898 A CN201910916898 A CN 201910916898A CN 112562023 B CN112562023 B CN 112562023B
- Authority
- CN
- China
- Prior art keywords
- image
- area
- displaying
- image creation
- icon
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Active
Links
- 238000000034 method Methods 0.000 title claims abstract description 49
- 230000004044 response Effects 0.000 claims abstract description 10
- 230000008569 process Effects 0.000 description 8
- 238000010586 diagram Methods 0.000 description 4
- 230000008878 coupling Effects 0.000 description 3
- 238000010168 coupling process Methods 0.000 description 3
- 238000005859 coupling reaction Methods 0.000 description 3
- 230000000694 effects Effects 0.000 description 3
- 238000004891 communication Methods 0.000 description 2
- 230000006870 function Effects 0.000 description 2
- 230000008859 change Effects 0.000 description 1
- 238000005516 engineering process Methods 0.000 description 1
- 230000002708 enhancing effect Effects 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000000007 visual effect Effects 0.000 description 1
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T11/00—2D [Two Dimensional] image generation
Landscapes
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Processing Or Creating Images (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
The embodiment of the invention discloses an image creating method, an image creating device and an image creating system. The image creation method includes, for example: displaying a target canvas and a plurality of icons, wherein the plurality of icons includes a first icon and a second icon; responsive to selection of the first icon, displaying a first image corresponding to the first icon within the target canvas; in response to selection of the second icon, a second image corresponding to the second icon is displayed within the target canvas, wherein the second image has a non-zero offset in at least one direction relative to the first image. The embodiment of the invention can solve the problem that the image created later completely covers the image created earlier in the existing image creation method.
Description
Technical Field
The present invention relates to the field of image technology, and in particular, to an image creating method, an image creating apparatus, and an image creating system.
Background
In the LED industry, when a customer needs to create an image in a canvas multiple times during program production, when creating an image in the canvas based on the existing image creation method, it often happens that the image is not in the current viewable area, and the image created later completely covers the image created earlier. Therefore, how to solve the problems that the image created later covers the image created earlier completely in the image creation process becomes a technical problem to be solved.
Disclosure of Invention
Therefore, the embodiment of the invention provides an image creating method, an image creating device and an image creating system, which are used for solving the problems that an image created later in the image creating process completely covers an image created earlier and the like.
Specifically, in a first aspect, an image creating method provided by an embodiment of the present invention includes: displaying a target canvas and a plurality of icons, wherein the plurality of icons includes a first icon and a second icon; responsive to selection of the first icon, displaying a first image corresponding to the first icon within the target canvas; in response to selection of the second icon, a second image corresponding to the second icon is displayed within the target canvas, wherein the second image has a non-zero offset in at least one direction relative to the first image.
In the prior art, when a user creates an image a plurality of times, if the size of the image created later is large, the image created earlier may be covered completely, so that the customer cannot find the created image, and misunderstands that only one image is created. According to the image creation method provided by the embodiment of the invention, the first image and the second image which has the non-zero offset with the first image in at least one direction are displayed in the target canvas, so that the problems that the image created in the image creation process is completely covered by the image created later in the image creation process can be solved, the image creation efficiency is improved, the usability and convenience of operation are enhanced, and the user experience is improved.
In one embodiment of the invention, the display target canvas and the plurality of icons comprise: taking at least a part of the area of the target canvas as an image creation area, wherein the icons are positioned outside the image creation area; the displaying a first image corresponding to the first icon within the target canvas includes: displaying the first image corresponding to the first icon within the image creation area; the displaying the second image corresponding to the second image within the target canvas includes: displaying the second image corresponding to the second icon in a current image creation area.
In one embodiment of the present invention, the displaying the first image corresponding to the first icon in the image creation area includes: calculating to obtain first position information of the first image according to the area size of the image creation area and the first image size of the first image; and displaying the first image at the center position of the image creation area according to the first position information.
In one embodiment of the present invention, the displaying the second image corresponding to the second icon in the current image creation area includes: calculating second position information of the second image according to the first position information of the first image and a first preset offset; judging whether the sum of the second position information of the second image and the second image size of the second image is larger than the area size of the image creation area; when the sum of the second position information and the second image size is not larger than the area size, taking the image creation area as the current image creation area, and displaying the second image in the current image creation area according to the second position information; when judging that the sum of the second position information and the second image size is larger than the area size, judging whether the sum of the second position information and the second image size is larger than the canvas size of the target canvas; and when the sum of the second position information and the second image size is not larger than the canvas size, automatically adjusting the image creation area to obtain the current image creation area, and displaying the second image in the current image creation area according to the second position information.
In one embodiment of the present invention, the displaying the second image corresponding to the second icon in the current image creation area further includes: and when the sum of the second position information and the second image size is judged to be larger than the canvas size, taking the image creation area as the current image creation area, and displaying the second image in the current image creation area according to the first position information.
In one embodiment of the present invention, the displaying the second image corresponding to the second icon in the current image creation area further includes: and when the sum of the second position information and the second image size is judged to be larger than the canvas size, changing the second position information of the second image according to a second preset offset to obtain third position information of the second image, taking the image creation area as the current image creation area, and displaying the second image in the current image creation area according to the third position information.
In one embodiment of the present invention, the displaying the first image corresponding to the first icon in the image creation area includes: the first image is automatically displayed at a random location of a first empty region of the image creation area.
In one embodiment of the present invention, the displaying the second image corresponding to the second icon in the current image creation area includes: judging whether the current empty area of the image creation area can accommodate and display the second image according to the position information of the first image, the area size of the image creation area and the second image size of the second image; when the current empty area is judged to be capable of accommodating and displaying the second image, the image creation area is taken as the current image creation area, and the second image is displayed at the random position of the current empty area of the current image creation area; when the current empty area cannot accommodate and display the second image, judging whether the empty area of the canvas of the target canvas can accommodate and display the second image according to the position information of the first image, the canvas size of the target canvas and the second image size of the second image; when the canvas empty area is judged to be capable of accommodating and displaying the second image, adjusting the image creation area to obtain the current image creation area, and displaying the second image at a random position of the second empty area of the current image creation area; and when the canvas empty area cannot accommodate and display the second image, taking the image creation area as the current image creation area, and displaying the second image at a random position in the current image creation area, wherein the second image is placed in a top layer.
In a second aspect, an image creating apparatus according to an embodiment of the present invention is adapted to perform the image creating method according to any one of the foregoing, and includes: a first display module for displaying a target canvas and a plurality of icons, wherein the plurality of icons includes a first icon and a second icon; a second display module for displaying a first image corresponding to the first icon within the target canvas in response to selection of the first icon; and a third display module for displaying a second image corresponding to the second icon within the target canvas in response to selection of the second icon, wherein the second image has a non-zero offset in at least one direction relative to the first image.
In a third aspect, an image creation system according to an embodiment of the present invention includes a processor and a memory connected to the processor; wherein the memory stores instructions for execution by the processor and the instructions cause the processor to perform operations to perform the image creation method of any of the preceding claims.
In a fourth aspect, an embodiment of the present invention proposes a computer readable medium storing computer readable instructions, the computer readable instructions comprising instructions for performing an image creation method as set forth in any one of the preceding claims.
As can be seen from the above, the embodiments of the present invention can achieve one or more of the following advantages: the first image and the second image with the non-zero offset in at least one direction are displayed in the target canvas, so that the problems that the image created in advance is completely covered by the later created image are solved, the first image is displayed in the image creation area, the second image with the non-zero offset in at least one direction is displayed in the current image creation area, the problems that the image is not in the current visible area in the image creation process are solved, the image creation efficiency is improved, the usability and convenience of operation are enhanced, the created image can be intuitively seen, and the user experience is improved.
Other aspects and features of the present invention will become apparent from the following detailed description, which refers to the accompanying drawings. It is to be understood, however, that the drawings are designed solely for the purposes of illustration and not as a definition of the limits of the invention. It should be further understood that the drawings are not necessarily drawn to scale and that, unless otherwise indicated, they are merely intended to conceptually illustrate the structures and procedures described herein.
Drawings
The accompanying drawings, which are included to provide a further understanding of the invention and are incorporated in and constitute a part of this specification, illustrate embodiments of the invention and together with the description serve to explain the invention and do not constitute a limitation on the invention. In the drawings:
fig. 1 is a flowchart of an image creating method according to a first embodiment of the present invention;
fig. 2 is a schematic diagram of image creation according to an embodiment of the image creation method according to the first embodiment of the present invention;
FIGS. 3a-3d are image creation schematic diagrams according to another embodiment of the image creation method according to the first embodiment of the present invention;
fig. 4 is a schematic structural view of an image creating apparatus according to a second embodiment of the present invention;
Fig. 5 is a schematic diagram of an image creating system according to a third embodiment of the present invention;
Fig. 6 is a schematic structural diagram of a computer readable medium according to a fourth embodiment of the present invention.
[ Reference numerals description ]
S11-S15: image creation method steps;
20: an image creation device; 21: a first display module; 23: a second display module; 25: a third display module;
30: an image creation system; 31: a processor; 32: memory device
40: Computer readable medium.
Detailed Description
It should be noted that, without conflict, the embodiments and features of the embodiments herein may be combined with each other. The invention will be described below with reference to the accompanying drawings in combination with embodiments.
In order that those skilled in the art will better understand the technical solutions of the present invention, the technical solutions of the present embodiment will be clearly and completely described below with reference to the accompanying drawings in this embodiment, and it is apparent that the described embodiment is only a part of the embodiments of the present invention, not all the embodiments. All other embodiments, which can be made by those skilled in the art based on the embodiments of the present invention without making any inventive effort, shall fall within the scope of the present invention.
It should be noted that the terms "first," "second," and the like in the description and the claims of the present invention and the above figures are used for distinguishing between similar objects and not necessarily for describing a particular sequential or chronological order. It is to be understood that the terms so used are interchangeable under appropriate circumstances such that the embodiments described herein are capable of operation in sequences other than those illustrated or otherwise described herein. Furthermore, the terms "comprises," "comprising," and "having," and any variations thereof, are intended to cover a non-exclusive inclusion, such that a process, method, system, article, or apparatus that comprises a list of steps or elements is not necessarily limited to those steps or elements expressly listed but may include other steps or elements not expressly listed or inherent to such process, method, article, or apparatus.
It should be further noted that the division of the embodiments in the present invention is only for convenience of description, and should not be construed as a specific limitation, and features in the various embodiments may be combined and mutually referenced without contradiction.
[ First embodiment ]
Referring to fig. 1, a first embodiment of the present invention proposes an image creating method. As shown in fig. 1, the image creating method includes, for example, steps S11 to S15.
Step S11: displaying a target canvas and a plurality of icons, wherein the plurality of icons includes a first icon and a second icon;
step S13: responsive to selection of the first icon, displaying a first image corresponding to the first icon within the target canvas;
step S15: in response to selection of the second icon, a second image corresponding to the second icon is displayed within the target canvas, wherein the second image has a non-zero offset in at least one direction relative to the first image.
Specifically, step S11 includes, for example: and taking at least a part of the area of the target canvas as an image creation area, wherein the icons are positioned outside the image creation area. For example, an image creation area and a plurality of icons are displayed on a user operation interface. The user operation interface mentioned is, for example, a software operation interface for installing image creation software for an upper computer. The image creation area mentioned is an image editing area, which is a visual area, i.e. an area of the target canvas that is currently visible to the user, which is at least a part of the area of the target canvas, but also the entire area of the target canvas. Wherein the area size of the image creation area is determined by the resolution of the display of the host computer. The target canvas is, for example, a mapped image of the LED display screen, that is, the target canvas is scaled to obtain an image for the LED display screen according to a certain proportion. The mentioned icons are for example located on the upper side of the image creation area, each icon may correspond to an image or to a plurality of images, the corresponding image of which appears when the user clicks on an icon using a mouse. The image mentioned therein is not limited to a still image, but includes various media elements such as a moving image, a video component, a web page, a streaming media, a calendar, a weather component, etc., and since the image is displayed on a target canvas, the image referred to in the present invention may also be referred to as a canvas element.
Further, step S13 includes, for example: displaying the first image corresponding to the first icon within the image creation area. Step S15 includes, for example: displaying the second image corresponding to the second icon in a current image creation area. Wherein the selection of the first icon mentioned in step S13 and the selection of the second icon mentioned in step S15 are both, for example, operations of clicking the corresponding icon using a mouse.
In one aspect, step S13 includes, for example: calculating to obtain first position information of the first image according to the area size of the image creation area and the first image size of the first image; and displaying the first image at the center position of the image creation area according to the first position information. Therefore, the first image created for the first time can be ensured to be displayed at the center position of the image creation area, the created position can be predicted, and the user can conveniently and intuitively see the first image. The image creation area mentioned therein is for example a blank area, i.e. no other images are within the area. For example, the image creation area has a width W and a height H, the first image has a width W1 and a height H1, and the first position information (X1, Y1) of the first image is x1= (W-W1)/2, y1= (H-H1)/2.
Further, step S15 includes, for example: calculating second position information of the second image according to the first position information of the first image and a first preset offset; judging whether the sum of the second position information of the second image and the second image size of the second image is larger than the area size of the image creation area; when the sum of the second position information and the second image size is not larger than the area size, taking the image creation area as the current image creation area, and displaying the second image in the current image creation area according to the second position information; when judging that the sum of the second position information and the second image size is larger than the area size, judging whether the sum of the second position information and the second image size is larger than the canvas size of the target canvas; and when the sum of the second position information and the second image size is not larger than the canvas size, adjusting the image creation area to obtain the current image creation area, and displaying the second image in the current image creation area according to the second position information.
Further, step S15 further includes, for example: and when the sum of the second position information and the second image size is judged to be larger than the canvas size, taking the image creation area as the current image creation area, and displaying the second image in the current image creation area according to the first position information. Or step S15 further includes, for example: and when the sum of the second position information and the second image size is judged to be larger than the canvas size, changing the second position information of the second image according to a second preset offset to obtain third position information of the second image, taking the image creation area as the current image creation area, and displaying the second image in the current image creation area according to the third position information.
In order to facilitate understanding of the present embodiment, a detailed description of the present embodiment will be briefly described with reference to fig. 2. Fig. 2 shows that the same type of image is created a plurality of times, wherein a thick line frame represents an image creation area, and two thick line frames represent the image creation area and an adjusted image creation area. The largest large rectangular box represents the target canvas. The rectangular box with diagonal lines represents the image, and no icon is shown in FIG. 2, nor is the display of the image shown when the canvas size of the target canvas is exceeded. For example, the second icon and the first icon are the same icon, that is, the user currently needs to create a plurality of images of the same type, but the present embodiment is not limited thereto, and the first icon and the second icon may be different icons. The width and the height of the image creation area are W and H, the width and the height of the first image are W1 and H1, the width and the height of the target canvas are W2 and H2, wherein W2 is greater than or equal to W and H2 is greater than or equal to H.
Specifically, the user clicks the first icon, and the first image is automatically displayed in the image creation area, wherein first position information (X1, Y1) of the first image, x1= (W-W1)/2, and y1= (H-H1)/2, are calculated first. The first image is displayed at a center position of the image creation area according to the first position information.
Then, the user clicks the second icon, which is the same as the first icon in this embodiment, and calculates second Position information (X2, Y2) of the second image as x2=x1+offset.x×position_offset1 and y2=y1+offset.y×position_offset2. Wherein X1 and Y1 are first Position information of the first image, and position_offset1 and position_offset2 are first preset offsets, wherein values of the position_offset1 and the position_offset2 may be the same or different. offset.x and offset.y represent the number of times the same image was created before responding to the user's second icon click operation. Because the user creates only one image before responding to the user's second icon click operation, both offset.x and offset y are 1.
When the second position information (X2, Y2) of the second image is obtained and before the second image is displayed, it is necessary to determine whether the second image is out of the range of the image creation area. Specifically, it is determined whether w1+x2 is greater than W and h1+y2 is greater than H, and when it is determined that w1+x2 is not greater than W and h1+y2 is not greater than H, no adjustment is required to the image creation area, and the second image is automatically displayed in the image creation area directly according to (X2, Y2).
When it is determined that W1+X2 is greater than W or that H1+Y2 is greater than H, it is necessary to determine whether the second image is out of range of the target canvas. Specifically, whether w1+x2 is greater than W2 and whether h1+y2 is greater than H2 is determined, and when w1+x2 is not greater than W2 and h1+y2 is not greater than H2 is determined, the image creation area is automatically adjusted to obtain a current image creation area, so that the second image can be completely displayed in the current image creation area. The adjustment range can be determined according to the difference between W1+X2 and W or the difference between H1+Y2 and H.
When it is judged that W1+ X2 is greater than W2 or H1+ Y2 is greater than H2, the image creation area is not adjusted, and the second image is displayed at the center position of the image creation area, that is, the position of the first image, that is, the second image is displayed according to (X1, Y1). Or when the W1+X2 is judged to be greater than W2 or the H1+Y2 is judged to be greater than H2, the image creation area is not adjusted, the preset offset amounts position_Offset3 and position_Offset4 are set to change the second Position information (X2, Y2) of the second image, and third Position information (X3, Y3) is obtained, specifically, X3=X1+position_Offset 3 and Y3=Y1+position_Offset 4. The position_offset3 or the position_offset4 is 0, so that the second image and the first image are offset in the X direction or the Y direction.
The foregoing detailed description is provided for the purpose of explanation only and is not intended to limit the invention to the specific form disclosed herein. According to the specific embodiment, the display image is created at the appointed position of the image creation area, the created images are displayed for a plurality of times according to the preset track, the created images can be displayed along the appointed track, two adjacent images are not completely overlapped, a user can conveniently perceive that the image creation is successful, the position where the image is created each time is expected by the user, and the user experience is improved.
On the other hand, step S13 includes, for example: displaying the first image at a random position of a first empty region of the image creation region. Wherein the mentioned empty region indicates that no image is displayed in the region, the first image displaying the random position of the first empty region is for example realized according to a front-end random position algorithm.
Further, step S15 includes, for example: judging whether the current empty area of the image creation area can accommodate and display the second image according to the position information of the first image, the area size of the image creation area and the second image size of the second image; when the current empty area is judged to be capable of accommodating and displaying the second image, the image creation area is taken as the current image creation area, and the second image is automatically displayed at the random position of the current empty area of the current image creation area; when the current empty area cannot accommodate and display the second image, judging whether the empty area of the canvas of the target canvas can accommodate and display the second image according to the position information of the first image, the canvas size of the target canvas and the second image size of the second image; when the canvas empty area is judged to be capable of accommodating and displaying the second image, adjusting the image creation area to obtain the current image creation area, and displaying the second image at a random position of the second empty area of the current image creation area; and when the canvas empty area cannot accommodate and display the second image, taking the image creation area as the current image creation area, and displaying the second image at a random position in the current image creation area, wherein the second image is placed in a top layer.
In order to facilitate understanding of the present embodiment, another specific implementation of the present embodiment will be briefly described with reference to fig. 3a to 3 d. The thick line box in the figure represents the image creation area, the largest large rectangular box represents the target canvas, the rectangular box with diagonal lines represents the image, and the icon is not shown in the figure. Wherein the width and height of the image creation area are W and H, the width and height of the first image are W1 and H1, the width and height of the target canvas are W2 and H2, wherein W2 is greater than or equal to W, H2 is greater than or equal to H, and the width and height of the second image are W3 and H3.
Specifically, the user clicks the first icon, and randomly displays the first image in the first empty area of the image creation area, see fig. 3a, at which point it can be known that the position information of the first image is (X1, Y1). Then, the user clicks the second icon, and before displaying the corresponding second image, it is first required to determine whether the currently empty area can accommodate displaying the second image. Specifically, for example, it is determined whether X1 is not less than W3 and H3 is not more than H, whether Y1 is not less than H3 and W3 is not more than W, whether H- (h1+y1) is not less than H3 and W3 is not more than W, and whether W- (w1+x1) is not less than W3 and H3 is not more than H in this order, thereby determining whether the currently empty area can accommodate the display of the second image.
As shown in fig. 3b, when any one of the conditions that X1 is not less than W3 and H3 is not greater than H, that Y1 is not less than H3 and W3 is not greater than W, that H- (h1+y1) is not less than H3 and W3 is not greater than W, or that W- (w1+x1) is not less than W3 and H3 is not greater than H is satisfied, it indicates that the current blank area can accommodate and display the second image, and the image creation area does not need to be adjusted, and the second image is automatically displayed at a random position of the current blank area. The current empty region referred to herein differs from the first empty region in that the current empty region excludes the region of the first image for the first empty region.
When all conditions in judging that X1 is not smaller than W3 and H3 is not larger than H, judging that Y1 is not smaller than H3 and W3 is not larger than W, judging that H- (H1+Y1) is not smaller than H3 and W3 is not larger than W and judging that W- (W1+X1) is not smaller than W3 and H3 is not larger than H are not satisfied, the current empty area cannot accommodate and display the second image, and further judging whether the canvas accommodating area of the target canvas can accommodate and display the second image or not is needed. Specifically, for example, whether X1 is not less than W3 and H3 is not more than H2, whether Y1 is not less than H3 and W3 is not more than W2, whether H2- (h1+y1) is not less than H3 and W3 is not more than W2, whether W2- (w1+x1) is not less than W3 and H3 is not more than H2 are sequentially determined, thereby determining whether the canvas empty area of the target canvas can accommodate and display the second image.
As shown in fig. 3c, when any one of the conditions that X1 is not less than W3 and H3 is not more than H2, that Y1 is not less than H3 and W3 is not more than W2, that H2- (h1+y1) is not less than H3 and W3 is not more than W2, or that W2- (w1+x1) is not less than W3 and H3 is not more than H2 is satisfied, the canvas empty area representing the target canvas can accommodate and display the second image, the image creation area needs to be adjusted, the adjusted image creation area is taken as the current image creation area, and then the second image is automatically displayed at a random position of the current empty area of the current image creation area. The adjusted image creation area may in principle display the second image with a blank area that is sufficient.
As shown in fig. 3d, when it is determined that X1 is not less than W3 and H3 is not greater than H2, that Y1 is not less than H3 and W3 is not greater than W2, that H2- (h1+y1) is not less than H3 and W3 is not greater than W2, or that W2- (w1+x1) is not less than W3 and H3 is not greater than H2, and thus neither condition is satisfied, the canvas empty area representing the target canvas cannot accommodate the second image to be displayed, the image creation area is not required to be adjusted, because the second image cannot be displayed by adjusting the image creation area, the second image is directly randomly displayed in the current image creation area, and the second image is top-displayed, i.e., placed in the top-level layer. When creating an image on the display canvas, the display canvas is located at the bottom layer, the created image is located at the upper layer of the display canvas, and the created image may be located in the same layer, or each corresponds to one layer, etc., and the top layer may be understood as being laid on the top for display.
The first image, the second image, and the like are shown as rectangles for better understanding of the present embodiment, but the present invention is not limited thereto. In the specific embodiment, the random position of the empty area of the image creation area is created, so that the situation that the user cannot visually see the image in the non-visible area is avoided, the situation that the bottom image cannot be found due to image overlapping is avoided, the layout of the created image is adjusted according to the overall layout of the target canvas, the visibility is good, and the user operation is facilitated.
In summary, the image creating method provided by the first embodiment of the present invention solves the problems that the image created earlier is completely covered by the image created later by displaying the first image and the second image having the non-zero offset with the first image in at least one direction in the target canvas, and the like, and can solve the problems that the image is not in the current visible area in the image creating process by displaying the first image in the image creating area and displaying the second image having the non-zero offset with the first image in at least one direction in the current image creating area, thereby improving the image creating efficiency, enhancing the usability and convenience of the operation, intuitively seeing the created image, and improving the user experience.
[ Second embodiment ]
Referring to fig. 4, a second embodiment of the present invention provides an image creating apparatus 20. As shown in fig. 4, the image creating apparatus 20 includes, for example, a first display module 21, a second display module 23, and a third display module 25.
Wherein the first display module 21 is configured to display a target canvas and a plurality of icons, wherein the plurality of icons includes a first icon and a second icon. The second display module 23 is configured to display a first image corresponding to the first icon in the target canvas in response to selection of the first icon. The third display module 25 is configured to display a second image corresponding to the second icon within the target canvas in response to selection of the second icon, wherein the second image has a non-zero offset in at least one direction relative to the first image.
The image creating method implemented by the image creating apparatus 20 according to the present embodiment is as described in the first embodiment, and thus will not be described in detail here. Optionally, each module in the second embodiment and the other operations or functions described above are respectively for implementing the method in the first embodiment of the present invention, and are not described herein for brevity. The technical effects of the image creating apparatus 20 provided in this embodiment are the same as those of the image creating method in the first embodiment, and will not be described here again.
[ Third embodiment ]
As shown in fig. 5, an image creation system 30 according to a third embodiment of the present invention is provided. The image creating system 30 includes a processor 31 and a memory 32 connected to the processor 31, wherein the memory 32 stores instructions executed by the processor 31 and the instructions cause the processor 31 to perform operations to perform the image creating method as described in the first embodiment. The steps of the image creating method performed by the processor of the image creating system 30 according to the present embodiment are described in the foregoing first embodiment, and are not repeated here for brevity. The technical effects of the image creating system 30 provided in this embodiment are the same as those of the image creating method in the first embodiment, and will not be described here again.
[ Fourth embodiment ]
Referring to fig. 6, a fourth embodiment of the present invention proposes a computer-readable medium 40 storing computer-readable instructions including, for example, instructions for performing the image creating method as described in the first embodiment. The image creating method executed by the computer readable instructions of the computer readable medium 40 according to the present embodiment is described in the foregoing first embodiment, and is not repeated here for brevity. The technical effects of the computer readable medium 40 provided in this embodiment are the same as those of the image creating method in the first embodiment, and will not be described here again.
In the several embodiments provided herein, it should be understood that the disclosed systems, devices, and/or methods may be implemented in other ways. For example, the apparatus embodiments described above are merely illustrative, e.g., the division of the units is merely a logical function division, and there may be additional divisions in actual implementation, e.g., multiple units or components may be combined or integrated into another system, or some features may be omitted, or not performed. Alternatively, the coupling or direct coupling or communication connection shown or discussed with each other may be an indirect coupling or communication connection via some interfaces, devices or units, which may be in electrical, mechanical or other form.
The units described as separate units may or may not be physically separate, and units shown as units may or may not be physical units, may be located in one place, or may be distributed on multiple network units. Some or all of the units may be selected according to actual needs to achieve the purpose of the solution of this embodiment.
The present invention is not limited to the above-mentioned embodiments, but is intended to be limited to the following embodiments, and any modifications, equivalent changes and variations in the above-mentioned embodiments can be made by those skilled in the art without departing from the scope of the present invention.
Claims (8)
1. An image creation method, comprising:
Displaying a target canvas and a plurality of icons, wherein the plurality of icons includes at least a first icon and a second icon;
Responsive to selection of the first icon, displaying a first image corresponding to the first icon within the target canvas;
In response to selection of the second icon, displaying a second image corresponding to the second icon within the target canvas, wherein the second image has a non-zero offset in at least one direction relative to the first image;
The displaying a second image corresponding to the second icon within the target canvas includes: displaying the second image corresponding to the second icon in a current image creation area;
The displaying the first image corresponding to the first icon within the image creation area includes: calculating to obtain first position information of the first image according to the area size of the image creation area and the first image size of the first image; displaying the first image at a center position of the image creation area according to the first position information;
The displaying the second image corresponding to the second icon in the current image creation area includes:
Calculating second position information of the second image according to the first position information of the first image and a first preset offset;
Judging whether the sum of the second position information of the second image and the second image size of the second image is larger than the area size of the image creation area;
When the sum of the second position information and the second image size is not larger than the area size, taking the image creation area as the current image creation area, and displaying the second image in the current image creation area according to the second position information;
When judging that the sum of the second position information and the second image size is larger than the area size, judging whether the sum of the second position information and the second image size is larger than the canvas size of the target canvas;
and when the sum of the second position information and the second image size is not larger than the canvas size, automatically adjusting the image creation area to obtain the current image creation area, and displaying the second image in the current image creation area according to the second position information.
2. The image creation method of claim 1, wherein the displaying the target canvas and the plurality of icons comprises: taking at least a part of the area of the target canvas as an image creation area, wherein the icons are positioned outside the image creation area;
The displaying a first image corresponding to the first icon within the target canvas includes: displaying the first image corresponding to the first icon within the image creation area.
3. The image creation method according to claim 2, wherein the displaying the second image corresponding to the second icon within the current image creation area further comprises:
And when the sum of the second position information and the second image size is judged to be larger than the canvas size, taking the image creation area as the current image creation area, and displaying the second image in the current image creation area according to the first position information.
4. The image creation method according to claim 2, wherein the displaying the second image corresponding to the second icon within the current image creation area further comprises:
and when the sum of the second position information and the second image size is judged to be larger than the canvas size, changing the second position information of the second image according to a second preset offset to obtain third position information of the second image, taking the image creation area as the current image creation area, and displaying the second image in the current image creation area according to the third position information.
5. The image creation method according to claim 2, wherein the displaying the first image corresponding to the first icon within the image creation area includes:
displaying the first image at a random position of a first empty region of the image creation region.
6. The image creation method according to claim 5, wherein the displaying the second image corresponding to the second icon within a current image creation area includes:
Judging whether the current empty area of the image creation area can accommodate and display the second image according to the position information of the first image, the area size of the image creation area and the second image size of the second image;
When the current empty area is judged to be capable of accommodating and displaying the second image, the image creation area is taken as the current image creation area, and the second image is displayed at the random position of the current empty area of the current image creation area;
When the current empty area cannot accommodate and display the second image, judging whether the empty area of the canvas of the target canvas can accommodate and display the second image according to the position information of the first image, the canvas size of the target canvas and the second image size of the second image;
When the canvas empty area is judged to be capable of accommodating and displaying the second image, adjusting the image creation area to obtain the current image creation area, and displaying the second image at a random position of the second empty area of the current image creation area;
and when the canvas empty area cannot accommodate and display the second image, taking the image creation area as the current image creation area, and displaying the second image at a random position in the current image creation area, wherein the second image is placed in a top layer.
7. An image creation apparatus adapted to perform the image creation method according to any one of claims 1 to 6, comprising:
a first display module for displaying a target canvas and a plurality of icons, wherein the plurality of icons includes a first icon and a second icon;
A second display module for displaying a first image corresponding to the first icon within the target canvas in response to selection of the first icon;
A third display module for displaying a second image corresponding to the second icon within the target canvas in response to selection of the second icon, wherein the second image has a non-zero offset in at least one direction relative to the first image;
wherein the displaying a second image corresponding to the second icon within the target canvas comprises: displaying the second image corresponding to the second icon in a current image creation area;
The displaying the first image corresponding to the first icon within the image creation area includes: calculating to obtain first position information of the first image according to the area size of the image creation area and the first image size of the first image; displaying the first image at a center position of the image creation area according to the first position information;
The displaying the second image corresponding to the second icon in the current image creation area includes:
Calculating second position information of the second image according to the first position information of the first image and a first preset offset; judging whether the sum of the second position information of the second image and the second image size of the second image is larger than the area size of the image creation area; when the sum of the second position information and the second image size is not larger than the area size, taking the image creation area as the current image creation area, and displaying the second image in the current image creation area according to the second position information; when judging that the sum of the second position information and the second image size is larger than the area size, judging whether the sum of the second position information and the second image size is larger than the canvas size of the target canvas; and when the sum of the second position information and the second image size is not larger than the canvas size, automatically adjusting the image creation area to obtain the current image creation area, and displaying the second image in the current image creation area according to the second position information.
8. An image creation system, comprising: a processor and a memory coupled to the processor; wherein the memory stores instructions for execution by the processor and the instructions cause the processor to perform operations to perform the image creation method of any of claims 1 to 6.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201910916898.XA CN112562023B (en) | 2019-09-26 | 2019-09-26 | Image creation method, device and system |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201910916898.XA CN112562023B (en) | 2019-09-26 | 2019-09-26 | Image creation method, device and system |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN112562023A CN112562023A (en) | 2021-03-26 |
| CN112562023B true CN112562023B (en) | 2024-05-10 |
Family
ID=75029907
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201910916898.XA Active CN112562023B (en) | 2019-09-26 | 2019-09-26 | Image creation method, device and system |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN112562023B (en) |
Citations (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101630340A (en) * | 2009-05-27 | 2010-01-20 | 江西九江供电公司 | Graphic-object-oriented single-line diagram vector drawing tool of distribution network |
| CN101678412A (en) * | 2007-05-21 | 2010-03-24 | 日立建机株式会社 | On-site system construction assist tool |
| KR20110032150A (en) * | 2009-09-22 | 2011-03-30 | 주식회사 엘지유플러스 | Method and system for creating widget icon of idle screen |
| JP2014050027A (en) * | 2012-09-03 | 2014-03-17 | Make Softwear:Kk | Photographic sticker creating apparatus, control method for photographic sticker creating apparatus, and control program for photographic sticker creating apparatus |
| CN108989704A (en) * | 2018-07-27 | 2018-12-11 | 阿里巴巴集团控股有限公司 | Image generating method and device, terminal device |
| CN110008422A (en) * | 2019-02-27 | 2019-07-12 | 深圳点猫科技有限公司 | A kind of language based on programming promotes the method and electronic equipment of webpage painting canvas performance |
-
2019
- 2019-09-26 CN CN201910916898.XA patent/CN112562023B/en active Active
Patent Citations (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101678412A (en) * | 2007-05-21 | 2010-03-24 | 日立建机株式会社 | On-site system construction assist tool |
| CN101630340A (en) * | 2009-05-27 | 2010-01-20 | 江西九江供电公司 | Graphic-object-oriented single-line diagram vector drawing tool of distribution network |
| KR20110032150A (en) * | 2009-09-22 | 2011-03-30 | 주식회사 엘지유플러스 | Method and system for creating widget icon of idle screen |
| JP2014050027A (en) * | 2012-09-03 | 2014-03-17 | Make Softwear:Kk | Photographic sticker creating apparatus, control method for photographic sticker creating apparatus, and control program for photographic sticker creating apparatus |
| CN108989704A (en) * | 2018-07-27 | 2018-12-11 | 阿里巴巴集团控股有限公司 | Image generating method and device, terminal device |
| CN110008422A (en) * | 2019-02-27 | 2019-07-12 | 深圳点猫科技有限公司 | A kind of language based on programming promotes the method and electronic equipment of webpage painting canvas performance |
Non-Patent Citations (3)
| Title |
|---|
| A DICOM viewer with flexible image retrieval to support diagnosis and treatment of scoliosis;Juan Miguel Medina等;Expert Systems with Applications;第39卷(第10期);8799-8808 * |
| 中文PhotoImpact 6.0图像制作实例;王永贵, 迟萌, 张彤, 张文婕, 张海涛;电子与电脑(第06期);全文 * |
| 浅谈Photoshop矩形选区应用;洪亮;邓倩;;印刷世界(第09期);全文 * |
Also Published As
| Publication number | Publication date |
|---|---|
| CN112562023A (en) | 2021-03-26 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN110162288A (en) | A kind of method, apparatus, equipment and the medium of determining display area | |
| US6259458B1 (en) | Method of generating and navigating a 3-D representation of a hierarchical data structure | |
| US20120017176A1 (en) | Method and apparatus for displaying a menu | |
| CN106648581B (en) | Page display method and device | |
| CN105607782A (en) | Display method and display equipment | |
| CN104714714A (en) | Mobile terminal desktop control method and device and mobile terminal | |
| CN112286474B (en) | Image processing method, device and system and display controller | |
| CN111127543B (en) | Image processing method, device, electronic equipment and storage medium | |
| CN104793874A (en) | Interface display method and electronic equipment | |
| CN101420534A (en) | Multiple image display method and apparatus | |
| KR20160023394A (en) | display apparatus and control method thereof | |
| CN110634171A (en) | Device and method for drawing map | |
| CN110851050B (en) | Method and device for testing clicking of page elements | |
| CN107491289B (en) | Window rendering method and device | |
| US7872786B2 (en) | Image display apparatus, image display method and program | |
| US20130002714A1 (en) | Display control apparatus and method for controlling display | |
| CN112562023B (en) | Image creation method, device and system | |
| CN103164142B (en) | The method of adjustment of a kind of screen touch point position of picture-in-picture interface and electronic equipment | |
| CN114356264B (en) | Signal generation method, device, equipment and readable storage medium | |
| CN111010600A (en) | Tiled fusion windowing method based on distributed cloud splicing and display screen | |
| CN102955647B (en) | Display method and display device | |
| CN107197354A (en) | user interface control method, device and intelligent television | |
| EP3734431A1 (en) | Image panning method | |
| CN108427544B (en) | single-screen and double-screen application switching method and interface | |
| CN109346018A (en) | Display control method and device, display device and storage medium |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant |