Screenshot sketch comparison method, device and computing equipment

Abstract

The present invention discloses a screenshot sketch comparison method, device and computing equipment, and relates to the field of Internet technology. The present invention includes the following steps: executing a screenshot operation, pasting the captured image onto a screenshot sketch interface; moving the screenshot sketch interface to the edge of the display screen and displaying it on top; in the screenshot sketch interface, adding required graphics elements and outputting a new image; the screenshot sketch interface avoids the operation area of ​​the graphic design interface on the display screen; and performing a screen comparison operation with the graphic design interface on the display screen. The present invention compares and minimizes the new image on the screenshot sketch interface that occupies the screen area, and directly makes detailed design in the graphic design software. Because the screenshot sketch interface can effectively avoid the high-frequency operation area of ​​the screen, and can compare the design drawing on the sketch interface at any time for detailed design, and other graphic design software can also maximize the use of the screen area, so the design operation is more convenient and the design efficiency is significantly improved.

Description

Technical Field

[0001] The present invention relates to the field of Internet technology, and in particular to a screenshot sketch comparison method, device and computing equipment. Background Art

[0002] In graphic design work, especially in more complex graphic design work, the human brain cannot directly imagine and present more and more complex graphic details in the brain. In fact, when doing more complex graphic design or graphic design, it is usually necessary to first design the main structure through sketches, and then disassemble the main components and make further detailed designs for each disassembled part. According to this design method, good design plans will gradually emerge, and design work will take fewer detours. There are currently two common practices. One is to draw a design sketch on paper first, open the computer design software, and make detailed designs on the computer according to the sketch. The design needs to be modified and optimized repeatedly;

[0003] Sketches on paper are not easy to adjust. If you need to extend or optimize a design based on a portion of the graphics that have been designed on the computer, you need to draw the graphics that have been designed on the screen on paper first, and then add graphics or draw lines on the paper to evaluate and optimize the design plan; finally, use the finalized graphic plan on paper as a reference and make detailed designs in the design software.

[0004] Another method is that the sketch design is completed on a certain software on the computer, and the graphic detailed design is completed on another software. During the detailed design, the computer screen is usually divided into two windows. Most of the screen area is used as the main design window for detailed design, and the sketch design or the reference drawing for detailed design occupies a small half of the screen. In this way, the detailed design can also be done in the main design window by referring to the sketch design. However, there is a problem with this method. The main design window cannot be maximized on the screen, and graphic design work requires a larger display area so as not to frequently zoom and move the design screen during design operations.

[0005] The above two methods also have a common problem: in the gradual refinement or optimization of the design, in most cases, it is necessary to add intentional graphics or outline some lines on the basis of the designed graphics to help imagine and illustrate the design intention and design plan, but these two methods cannot be realized. You can only sketch out some basic graphics that have been designed in the main design software first, and then add or modify the basic graphics, which will result in more worthless work. If you do not sketch the design plan first, but design directly in the main design software, when the design work progresses to a certain extent, you will find that the plan is insufficient and needs to be changed, which will consume more time and energy.

[0006] To this end, the present invention provides a screenshot sketch comparison design method that can solve the above-mentioned problems. Summary of the invention

[0007] The purpose of the present invention is to provide a screenshot sketch comparison method, device and computing equipment, which mainly solves the problem that in graphic design, when it is often necessary to make further sketch design based on existing design drawings, it is necessary to draw the existing design drawings first and then make design sketches on this basis; and after the sketch design is completed, it is inconvenient to compare the sketched design drawings to make detailed design in the graphic design software.

[0008] To achieve the above object, the present invention provides the following technical solutions:

[0009] A screenshot sketch comparison method comprises the following steps:

[0010] Execute the screenshot operation and paste the captured image onto the screenshot sketch interface;

[0011] Move the screenshot sketch interface to the edge of the display screen and display it on top;

[0012] In the screenshot sketching interface, add the required graphics elements and output a new image;

[0013] The screenshot sketching interface avoids the high-frequency operation area of ​​the graphic design interface on the display screen;

[0014] Compare the screen with the graphic design interface on the display screen.

[0015] Furthermore, the moving to the edge of the display screen is to move the screenshot sketching interface to a certain edge position of the display screen for display;

[0016] The top display is to display the screenshot sketch interface in front of all windows;

[0017] The display screen is an output device that matches the computing device and is used to present a screen showing the program running status when working.

[0018] According to the screenshot sketch comparison design method provided by the present invention, first, the program is run, the operation of capturing the screen image is executed, and the captured image is pasted into the program screenshot sketch interface; when executing the operation of capturing the screen image, the captured image can be first reduced or enlarged by a certain proportion, and then pasted into the program screenshot sketch interface; the screenshot sketch interface is the main program running interface of the screenshot sketch comparison design method provided by the present invention, which mainly includes a window, function operation icons, and a drawing area where drawings can be pasted.

[0019] Furthermore, the screenshot sketch interface is moved to the edge of the display screen by designing the display position of the screenshot sketch interface, capturing a regional screen at any position on the display screen, and the captured screenshot sketch interface is moved to the specified position for display. The process of moving to the edge of the display screen includes the following steps:

[0020] When approaching the nearest edge of the screen, the distances of the left, right, top and bottom of the intercepted graphic window from the corresponding left, right, top and bottom of the computer display screen will be obtained while capturing the graphic window;

[0021] The side with the smallest value of the four distance values ​​is taken as the direction in which the screenshot sketch interface moves, and the screenshot sketch interface is moved to be displayed close to the edge of the screen in that direction.

[0022] In the screenshot sketch comparison design method provided by the present invention, the screenshot sketch interface is moved to the edge of the display screen and displayed on top, wherein the display screen refers to an output device matched with the computing device, which is used to present the screen of the program running status when working; the moving to the edge of the display screen means moving the screenshot sketch interface to a certain edge position of the display screen for display; the displaying on top means that the screenshot sketch interface is displayed in front of all windows.

[0023] Make the screenshot sketch interface occupy as little high-frequency operation area of ​​the computer display screen as possible. The high-frequency operation area refers to the screen area on the computer screen where other software, such as graphic design software, needs to be operated more frequently; the program can be set to move the screenshot sketch interface to a specified edge of the display screen, and can be set to move the screenshot sketch interface to the screen capture area, which is closest to the four edges of the top, bottom, left and right of the computer screen.

[0024] Furthermore, the adding of design elements is to add graphics, lines, marking symbols and texts required for the design drawing in the screenshot sketching interface;

[0025] The outputting of the new image includes one or more of adding the required design elements on the basis of the captured image, presenting a new design scheme image, and outputting the new design scheme image as a new image file.

[0026] Furthermore, the high-frequency operation area on the computer display screen is avoided by moving the screenshot sketching interface or changing the display mode to avoid the screen area on the computer screen where other graphic software needs to be frequently operated. The high-frequency operation area on the computer display screen is avoided in two avoidance modes:

[0027] The first avoidance method is that when the user does not view the screenshot sketch interface temporarily, the user clicks the screenshot sketch interface with the middle button of the mouse, and the main body of the screenshot sketch interface window will be moved outside the display screen, and only a top-displayed side bar will be displayed on the display screen. When the user needs to view the screenshot sketch interface in the software again, the user clicks the side bar with the middle button of the mouse, and the screenshot sketch interface window in the software will be fully displayed on the screen;

[0028] Optionally, the screenshot sketching interface may be controlled to avoid or display by using a combination of a keyboard key and any mouse key, or by directly using a predetermined keyboard hotkey.

[0029] The second avoidance method is to automatically avoid the mouse arrow by setting the screenshot sketch interface window through the user. The screenshot sketch interface in the software will detect the position of the mouse arrow in real time. When it is detected that the mouse arrow moves to the screenshot sketch interface in the software for more than the time set by the user, the screenshot sketch interface window will automatically move to other positions on the screen to avoid the area to be edited or the high-frequency operation area on the graphic design software interface.

[0030] Furthermore, the comparison operation is that when the graphic design software is being designed, the design screen of the graphic design software interface and the new graphic on the screenshot sketch interface displayed on top of the screen can be seen at the same time, which is convenient for visual comparison operation.

[0031] By comparing the new drawing on the screenshot sketch interface that minimizes the screen area, detailed design can be done directly in the graphic design software. In addition, because the screenshot sketch interface can effectively avoid the high-frequency operation area on the screen, detailed design can be done at any time by comparing the design drawing on the sketch interface. Other graphic design software can also maximize the use of the screen area, so the design operation is more convenient and the design efficiency is significantly improved.

[0032] According to a second aspect of the present invention, there is provided a screenshot sketch comparison design device, which resides in a computing device, and the device comprises: a screenshot pasting module, which is used to execute a display screen capture operation and paste the captured graphic screen into a screenshot sketch interface; a top display module, which is used to avoid the area of ​​the captured graphic on the display screen, move the screenshot sketch interface to the edge of the display screen and display it on the top of the display screen of the computing device; a sketch design output module, which is used to sketch, mark, output new images and access graphics on the graphics in the drawing area of ​​the screenshot sketch interface; an interface avoidance module, which is used to move the screenshot sketch interface to a position where it is not blocked by other graphic design interface operation areas; and a graphic comparison module, which is used to compare the graphics on the screenshot sketch interface with the graphics in other software.

[0033] According to a third aspect of the present invention, there is provided a computing device, comprising: at least one processor; and a memory storing program instructions, wherein the program instructions are configured to be suitable for execution by the at least one processor, and the program instructions include instructions for executing the method as described above.

[0034] According to a fourth aspect of the present invention, there is provided a readable storage medium storing program instructions, which, when read and executed by a computing device, enables the computing device to execute the method described above, accommodating the above-mentioned apparatus.

[0035] In the technical solution of the present invention, a screenshot sketch comparison design method is provided.

[0036] Compared with the prior art, the present invention has the following beneficial effects:

[0037] During the application of the present invention, the operation of taking a screenshot and pasting it to the screenshot sketching interface is executed, and the screenshot sketching interface is displayed on the top of the computer display screen, so that the user can add sketch elements in the drawing area on the screenshot sketching interface at any time; the screenshot sketching interface is set to avoid the high-frequency operation area on the screen, so that other graphic design software can maximize the use of the screen area for detailed design; the screenshot sketching interface and other graphic design software interfaces are displayed on the screen at the same time, so that the user can compare the sketched design plan diagram and do quick detailed design in other graphic design software. The method as a whole improves work efficiency in graphic design work, brings operational convenience to users, and enhances user experience. BRIEF DESCRIPTION OF THE DRAWINGS

[0038] In order to more clearly illustrate the technical solutions of the embodiments of the present invention, the accompanying drawings required for describing the embodiments will be briefly introduced below. Obviously, the accompanying drawings described below are only some embodiments of the present invention. For ordinary technicians in this field, other accompanying drawings can be obtained based on these accompanying drawings without paying creative work.

[0039] Figure 1 A schematic diagram of the existing graphic design interface window and the sketch design interface window being arranged in parallel on the display screen;

[0040] Figure 2 A schematic diagram of maximizing the existing graphic design interface window and temporarily placing the sketch design interface window in front of the graphic design interface window;

[0041] Figure 3 A block diagram showing the main physical components of the computing device 300;

[0042] Figure 4 A flowchart of a processing method according to an embodiment of the technical solution of the present invention;

[0043] Figure 5 This is a schematic diagram of the screen image of the technical solution of the present invention before screenshot;

[0044] Figure 6 This is a schematic diagram of the screen image of the technical solution of the present invention when taking a screenshot;

[0045] Figure 7 This is a schematic diagram of a screen image after the technical solution of the present invention is captured;

[0046] Figure 8 The four margins of the screenshot area show the margin calculation diagram of the four sides of the screen;

[0047] Fig. 9 A schematic diagram of a screen image after a screenshot sketch interface avoids other software operation areas;

[0048] Fig.10 A schematic diagram of a screen image after a screenshot sketch interface avoids other software operation areas;

[0049] Fig.11 A schematic diagram of a screenshot sketch interface avoiding other software operation areas and canceling the avoidance setting;

[0050] Fig.12 A first schematic diagram of another screenshot sketch interface avoiding major changes in the screen image of other software operation areas;

[0051] Fig.13 A second schematic diagram for another type of screenshot sketch interface avoiding major changes in the screen image of other software operation areas;

[0052] Fig.14 The figure is a schematic diagram of the structure of the screenshot sketch comparison design device according to an embodiment of the present invention. DETAILED DESCRIPTION

[0053] The technical solutions in the embodiments of the present invention will be described clearly and completely below in conjunction with the drawings in the embodiments of the present invention. Obviously, the described embodiments are only part of the embodiments of the present invention, rather than all the embodiments.

[0054] In the technical background, we mentioned that the first commonly used method in the prior art is to sketch the design plan on a physical paper first. In the middle and late stages of the design, this method cannot quickly add design details based on a portion of the designed graphics, so it can only be drawn on paper with a pen. Due to its low efficiency, inconvenient modification and low use value, this method is ignored in the description of this embodiment. The second commonly used method in the prior art is as follows: the sketch design drawing is completed on a certain software on the computer (marked as the 'sketching design interface 21' in this embodiment), and the detailed graphic design is completed in another software (marked as the 'graphic design interface 20' in this embodiment). This method is listed and explained.

[0055] Figure 1 The following is an example of the interface window setting method in which the graphic design interface 20 and the sketch design interface 21 are displayed on the screen at the same time. As shown in the figure, the large window on the left displayed on the computer display screen is the graphic design interface window, and the small window displayed on the right side of the screen is the sketch design interface window 21. Both windows can be displayed on the computer display screen. Designers can look at the design scheme diagram on the sketch design interface while doing detailed design in the graphic design interface window. The disadvantages of this comparative design method are that the graphic design interface window is relatively small, which affects the design efficiency. Secondly, the design cannot be expanded on the basis of the partial design drawings that have been made. It can only be done by first drawing the existing part of the graphics on the sketch design window and then adding on this basis. The operation is cumbersome and the overall efficiency is not high.

[0056] Figure 2Another commonly used window setting method in the prior art is to maximize the screen display of the graphic design interface 20 window, and also open the sketch design interface 21 window on the screen. The graphic designer can sketch the design plan in the sketch design interface 21 window. At this time, the sketch design interface window is the active window of the computer operating system and can be displayed at the front of the screen, which basically does not affect the sketch design operation. If you want to do detailed design in the graphic design interface 20 window, click the graphic design interface 20 window with the mouse arrow, the graphic design interface 20 window will become the active window of the computer operating system, and the sketch design interface 21 window will become an inactive window. At this time, only the graphic design interface 20 window will be displayed on the computer screen. At this time, you can only make detailed design in the graphic design window based on the temporary memory of the display screen on the sketch design interface 21. During the design process, you need to click the window title of the sketch design interface 21 on the taskbar below the operating system multiple times to display the sketch design interface 21 on the screen for viewing, and then continue designing in the graphic design interface 20. Although this method makes the interface window larger when performing design operations on the graphic design interface 20, and there is no need to frequently move or zoom the design screen, so the operation is more convenient, but when the design is compared with the design plan drawing sketched on the sketch design interface 21, the operation will be more troublesome, and the design cannot be expanded based on the partial design drawing that has been made. Overall, there are still technical problems such as cumbersome operation and low efficiency.

[0057] The above-mentioned 'sketching design interface 21' refers to a software that can use some sketching software, on which design elements such as lines and color blocks can be drawn, and a software working interface that can also perform modification and erasing operations.

[0058] The screenshot sketch comparison design method provided by the technical solution of the present invention can directly sketch the design scheme on the screenshot sketch interface; if it is necessary to expand the design based on the existing design drawing in the middle of the design, the designed graphics on the graphic design interface can be directly captured and pasted to the screenshot sketch interface, and the design can be directly added or expanded on this basis; the screenshot sketch interface is set to be displayed on the top in front of the screen, and can be displayed on the screen for designers to make comparison designs when the graphic design interface window is maximized; if the screenshot sketch interface window blocks the high-frequency operation area on the graphic design interface, the screenshot sketch window can be set to avoid the high-frequency operation area, so that the screenshot sketch interface window basically does not affect the high-frequency operation area on the graphic design interface.

[0059] The screenshot sketch comparison design method provided by the technical solution of the present invention is described below.

[0060] Figure 3The physical components of the computing device 300 in the present technical solution mainly constitute a block diagram (i.e., hardware). In the basic configuration, the computing device 300 includes at least one processing unit 320 and a system memory 311. According to one aspect, depending on the configuration and type of the computing device, the processing unit 320 can be implemented as a processor. The system memory 311 includes, but is not limited to, flash memory, memory, and hard disk memory. According to one aspect, the system memory 311 includes an operating system 312 and a program module 313, and the program module 313 includes a screenshot sketch comparison design device 340, and the screenshot sketch comparison design device 340 is configured to execute the screenshot sketch comparison design method 350 of the present invention.

[0061] According to one aspect, operating system 312 controls the operation of computing device 300. Figure 3 This basic configuration is shown in FIG. 3 by the components within dashed line 310. According to one aspect, computing device 300 has additional features or functions. For example, according to one aspect, computing device 300 includes additional data storage devices, such as magnetic disks, optical disks, or USB flash drives. Such additional storage Figure 3 , is shown by removable storage device 330.

[0062] As stated above, according to one aspect, a program module is stored in the system memory 311. According to one aspect, the program module may include one or more application programs, and the present invention does not limit the type of application program, for example, the application program may include: graphic design application program, spreadsheet application program, database application program, slide presentation application program, 3D design or computer-aided application program, web browser application program, etc.

[0063] According to one aspect, the computing device 300 may also have one or more input devices 331, such as a keyboard, a mouse, a pen, a voice input device, a touch input device, etc. Output devices 332 may also be included, such as a display, a projector, etc. The computing device 300 may include one or more communication connections 334 that allow communication with other computing devices 335. Examples of suitable communication connections 334 include, but are not limited to: RF transmitter, receiver and / or transceiver circuits; Universal Serial Bus (USB), WLAN network connections.

[0064] In some embodiments of the present invention, the computing device 300 includes one or more processors and one or more memories storing program instructions. When the program instructions are configured to be executed by one or more processors, the computing device executes the screenshot sketching comparison design method in the embodiment of the present invention. The human-computer interaction operation when executing the method is to control the computing device 300 through the input device 331 and display it on the display screen through the output device 332. The display screen mentioned here refers to an output device matched with the computing device, which is used to present the screen of the program running status when working (such as: the screen picture displayed on the display connected to the computer, the picture projected by the projector).

[0065] Figure 4 The flowchart of the processing method 350 of an embodiment of the comparative design method of the technical solution of the present invention is shown in the screenshot. The processing method 350 is executed in the computing device 300, such as Figure 4 As shown in , the processing method starts at step 351;

[0066] In step 351 , the computing device 300 has a running program module 313 , which, under the control of the input device 331 , executes a screenshot operation of the screen of the output device 332 , and maps the captured image to the drawing area on the screenshot sketch interface.

[0067] In conjunction with the embodiment of the present invention, the computer program of the screenshot sketch comparison design method provided by the technical solution of the present invention is run in the computing device 300 (such as a PC), or the computer program code containing the screenshot sketch comparison design method is executed, and the computing device 300 will display the screenshot sketch comparison design method on the display screen of the output device 332 (such as Figure 5 The display screen of the output device 332 is shown, and the 'graphic design interface 20' in the figure represents the screen displayed on the display screen by other graphic design software running in the computing device 300), and the required display area screen (such as Figure 6 As shown, after executing the computer program code including the screenshot sketch comparison design method, through the operation of the input device 331 mouse, point A and point B are selected in the graphic design interface picture displayed on the display screen, and the rectangular area formed between point A and point B is the display area picture to be captured, and this captured picture is used as picture data and pasted into the screenshot sketch interface 22 (as shown in FIG. Figure 7 As shown, after the mouse screen operation of clicking point B is completed, the rectangular area formed by point A and point B is used as the captured image data, and is scaled proportionally or at a certain ratio according to the operator's needs, and then pasted into the newly opened screenshot sketch interface 22).

[0068] In step 352, the screenshot sketching interface is moved to the edge of the computer display screen and is displayed on top of the display screen.

[0069] In some embodiments of the present invention, in order to minimize the blocking effect of the screenshot sketch interface 22 on the graphic design interface 20, while facilitating the comparison of the two interfaces, the screenshot sketch interface 22 is set by the user to preferentially move the display window of the screenshot sketch interface 22 to the edge of the display screen (the edge of the display screen is usually not the high-frequency operation area of ​​the graphic design software interface), and display it on top. The top display means that the screenshot sketch interface 22 is displayed in front of all windows. The top display function of setting the screenshot sketch interface 22 is to ensure that the graphic design interface 20 is operated when the screen maximizes the window display, and the screenshot sketch interface 22 can still be displayed on the display screen, so as to facilitate the comparison design of the screens of the two windows.

[0070] The position of the screenshot sketch interface 22 on the display screen can be determined by the user through the setting items. If the display position of the screenshot sketch interface 22 is set to be displayed at a specified position, then no matter where the area on the screen is captured, the screenshot sketch interface will appear at the specified position (for example: after setting the screenshot sketch interface 22 to appear in the upper right corner of the display screen, Figure 6 After the screen area graphics captured at points A and B are pasted on the screenshot sketch interface 22, the screenshot sketch interface 22 is moved to the upper right corner of the display screen for display, as shown in FIG. Figure 7 If the display position of the screenshot sketch interface 22 is set to be displayed in the screen corner closest to the captured area, the program will determine in which corner the screenshot sketch interface 22 should be displayed in the following manner;

[0071] like Figure 8 As shown, for better explanation, a desktop coordinate system is introduced on the display screen, the origin of the coordinate system is set at the upper left corner of the display screen (X0, Y0), the horizontal right direction of the display screen is the +X direction, and the vertical downward direction of the display screen is the +Y direction. The user selects the rectangular area formed between point A and point B on the display screen as the screenshot area, and the screenshot area screen will also be used as the main screen on the screenshot sketching interface 22. The size of the screenshot sketching interface 22 on the display screen is also approximately equal to Figure 8 The size of the screenshot area shown in the dashed box; the coordinate value of point A is (x1, y1), the coordinate value of point B is (x2, y2), the width of the screenshot area between point A and point B is ABw and the height is ABh, the width of the entire display screen is ScreenW, the height of the entire display screen is ScreenH, and the distances of the four edges of the screenshot area from the four edges of the display screen are represented in the figure as left margin W1, right margin W2, top margin H1, and bottom margin H2; because the upper left corner of the display screen is defined as the origin, W1=x1, H1=y1

[0072] W2=ScreenW-W1-ABw

[0073] H2=ScreenH-H1-ABh

[0074] The program will determine which corner of the display screen the screenshot sketch interface 22 is closest to by the following algorithm;

[0075] If W1-W2<0, it means that the width center line of the screenshot area is on the left side of the width center line of the entire display screen, and the program executes the action of moving the screenshot sketch interface 22 close to the left edge of the display screen, that is, setting the left coordinate value x1 of the screenshot sketch interface 22 to 0; conversely, if W1-W2>0, it means that the width center line of the screenshot area is on the right side of the width center line of the entire display screen, and the program executes the action of moving the screenshot sketch interface 22 close to the right edge of the display screen, that is, setting the left coordinate value x1 of the screenshot sketch interface 22 to ScreenW-ABw;

[0076] If H1-H2<0, it means that the height center line of the screenshot area is above the height center line of the entire display screen, and the program executes the action of moving the screenshot sketch interface 22 close to the upper edge of the display screen, that is, setting the upper coordinate value y1 of the screenshot sketch interface 22 to 0; conversely, if H1-H2>0, it means that the height center line of the screenshot area is below the height center line of the entire display screen, and the program executes the action of moving the screenshot sketch interface 22 close to the lower edge of the display screen, that is, setting the upper coordinate value y1 of the screenshot sketch interface 22 to ScreenH-ABh;

[0077] After the screenshot sketch interface 22 is determined and moved in the above two directions, the screenshot sketch interface 22 can be moved to the screen corner closest to the captured area on the adjacent display screen for display; it should be noted that, in actual applications, the situation where W1-W2=0 or H1-H2=0 will be attributed to the judgment condition that the calculation result is greater than 0 or less than 0.

[0078] If the display position of the screenshot sketch interface 22 is set to be displayed near the edge of the screen closest to the captured area, after the user completes the position selection of point A and point B, the program will automatically determine which edge of the display screen is closest to the captured area on the screen, and the screenshot sketch interface 22 will be displayed at the nearest edge. Figure 8As shown in , the program will compare the four values ​​of W1, W2, H1, and H2. The comparison result is that the value of H2 is the smallest, so it is determined that the capture area is closest to the bottom edge of the screen, and the screenshot sketch interface 22 is displayed at a position close to the bottom edge of the screen. The operation performed by the program is to change the coordinate value of the top of the screenshot sketch interface 22, that is: y1 = ScreenH-ABh; of course, there are many ways to set the display. Here, only an example is given to illustrate the program processing method of moving the screenshot sketch interface 22 to the corner of the display screen or the edge of the screen.

[0079] In step 353, the required graphics elements may be added in the screenshot sketching interface 22 to output a new image.

[0080] In some embodiments of the present invention, it is necessary to add required design elements on the basis of the graphics captured and pasted to the screenshot sketching interface 22, such as adding lines, circles, rectangles, free lines, text, symbols, etc., which can be modified and erased, so that users can design expansive solutions based on the screenshot screen; after adding the required graphics, the screen presents a new graphic on the screenshot sketching interface, which can be used by users to design other software interfaces (such as graphic design software) in comparison with the new graphics on the screenshot sketching interface 22. In addition, the user can save the new graphics on the screenshot sketching interface and save it as a file in picture format. When it needs to be reviewed or edited later, the previously saved file can be conveniently retrieved for viewing, or it can be sent to other computers or network computers.

[0081] In step 354, the screenshot sketching interface may be set to avoid the operation area of ​​other software on the display screen;

[0082] According to an embodiment of the present invention, the screenshot sketching interface 22 is set to avoid the operation area (especially the high-frequency operation area) on the graphic design interface 20 on the display screen by quick and simple operation or automatic change of display position, which can greatly improve the operation efficiency during graphic design work; here are two embodiments of the avoidance method with better effects: one is to set the screenshot sketching interface 22 to be temporarily hidden on the display screen through quick and simple operation, and then display it when it is needed. This method is as follows Fig. 9 As shown, when the high-frequency operation area on the graphic design interface 20 is located behind the screenshot sketch interface 22, the mouse arrow 23 cannot be directly operated on the graphic design interface 20. Through user settings, the screenshot sketch interface 22 can be clicked with the middle mouse button, or a preset keyboard hot key (such as Ctrl+F2) can be used to temporarily hide the screenshot sketch interface 22 (or the screenshot sketch interface 22 is mostly hidden, and only a side bar of the interface is displayed on the right edge of the display screen, such as Fig.10As shown in the figure, the screenshot sketch interface 22 only displays a side bar on the right edge of the screen); after the screenshot sketch interface 22 is temporarily hidden, the entire display screen is the picture of the graphic design interface 20, and the user can perform barrier-free design operations in the graphic design interface 20 based on the temporary memory of the sketch plan diagram on the screenshot sketch interface 22; when it is necessary to view the sketch plan on the screenshot sketch interface 22 again, the middle mouse button (or other keys set by the user) can be used to click again on the side bar of the screenshot sketch interface 22 that is only displayed on the right edge of the display screen, or the screenshot sketch interface 22 can be displayed on the display screen again by using the preset keyboard shortcuts, such as Fig.11 As shown. During the graphic design operation, if the screenshot sketch interface 22 needs to be temporarily hidden or displayed again, the same operation can be used. Another method is to set the screenshot sketch interface 22 to automatically change the display position to avoid the high-frequency operation area on the graphic design interface 20 on the display screen; when the user has completed the sketch scheme design on the screenshot sketch interface 22 and needs to do detailed design in the graphic design interface 20, by clicking the 'Finish' control button on the screenshot sketch interface 22 and setting the screenshot sketch interface 22 to the automatic avoidance mode, the program module supporting the screenshot sketch interface 22 will begin to automatically determine the time the mouse arrow 23 on the display screen stays on the screenshot sketch interface 22. If the stay time is very short, the screenshot sketch interface 22 does not need to be avoided; if the stay time is longer, the screenshot sketch interface 22 will automatically change to a new position to avoid the high-frequency activity area of ​​the mouse arrow 23. If the mouse arrow 23 moves quickly over the screenshot sketch interface 22, the program module detects that the total time the mouse arrow 23 stays on the screenshot sketch interface 22 is less than 1.5 seconds, and the program module determines that the mouse arrow 23 only passes over the screenshot sketch interface 22, and the screenshot sketch interface 22 does not need to be avoided; if the screenshot sketch interface 22 is originally in the upper right corner of the display screen ( Fig.11 When the mouse arrow 23 stays on the screenshot sketching interface 22 for more than 1.5 seconds, the program module will regard the high-frequency operation area in the graphic design interface 20 as being transferred to the current position of the screenshot sketching interface 22, and the screenshot sketching interface 22 will automatically move the window to the lower right corner of the display screen for display (such as Fig.12As shown), in this way, the mouse arrow 23 can freely perform design operations on the graphic design interface 20 in the upper right corner of the display screen, while the screen of the screenshot sketching interface 22 can be seen; if the operation area on the graphic design interface 20 is on the right side of the entire display screen, the mouse arrow 23 will be active at a high frequency on the right side of the display screen. When the screenshot sketching interface 22 moves from the lower right corner of the display screen to the upper right corner within 5 seconds and then moves to the lower right corner of the display screen again to avoid the mouse arrow 23, the program module will regard the right side of the entire display screen as a high-frequency operation area, and the window of the screenshot sketching interface 22 will move to the upper left corner of the display screen for display (as shown in FIG. Fig.13 As shown), similar to the judgment processing method, if the mouse arrow 23 moves frequently on the left side of the display screen, the screenshot sketching interface 22 will automatically move to a corner on the right side of the display screen for display.

[0083] In step 355, through the operation and setting of the above steps, the screenshot sketching interface 22 has met the required requirements and can conveniently realize the operation of comparing the screen with the operation area of ​​other software on the display screen. If the comparison design process also needs to add primitives to the screenshot sketching interface 22, the automatic avoidance action of the screenshot sketching interface 22 can be canceled by pressing the preset keyboard hotkey, and primitives can be added or modified again based on the previous sketch.

[0084] The technical solution of the present invention also provides a screenshot sketch comparison design device.

[0085] Fig.14 A schematic diagram of a screenshot sketch comparison design device 340 according to an embodiment of the present invention is shown. The screenshot sketch comparison design device 340 resides in a computing device 300. The screenshot sketch comparison design device 340 includes a screenshot pasting module 341, a top display module 342, a sketch design output module 343, an interface avoidance module 344, and a picture-text comparison module 345.

[0086] The screenshot pasting module 341 is used to execute the display screen capture operation and paste the captured graphic screen into the screenshot sketching interface 22; this module is suitable for executing the content involved in step 351 of the aforementioned method 350.

[0087] The edge-to-top display module 342 is used to avoid the area of ​​the captured image and text on the display screen, move the screenshot sketch interface 22 to the edge of the display screen and display it on the top of the display screen of the computing device; this module is suitable for executing the content involved in step 352 in the aforementioned method 350.

[0088] The sketch design output module 343 is used to sketch, mark, output new images and access images and texts on the images in the screenshot sketch interface 22; this module is suitable for executing the contents involved in step 353 of the aforementioned method 350.

[0089] The interface avoidance module 344 is used to move the screenshot sketching interface 22 to a position where the operation area of ​​other graphic design interfaces 20 is not blocked; this module is suitable for executing the content involved in step 354 of the aforementioned method 350.

[0090] The graphic comparison module 345 is used to compare the graphics on the screenshot sketching interface 22 with the graphic images in other graphic design interfaces 20; this module is suitable for executing the content involved in step 355 of the aforementioned method 350.

[0091] The working principle and process of the screenshot sketch comparison design device 340 provided in this embodiment are similar to those of the above-mentioned method 350. For relevant details, reference may be made to the description in the above-mentioned method 350, which will not be repeated here.

[0092] The technical solution of the present invention provides a screenshot sketch comparison design method, which runs a program, executes a screen screenshot and pastes it onto a screenshot sketch interface 22, and the screenshot sketch interface 22 is displayed on the top of the computer display screen, so that the user can add sketch elements in the drawing area on the screenshot sketch interface 22 at any time; the screenshot sketch interface 22 is set to avoid the high-frequency operation area on the screen, so that other graphic design software can maximize the use of the screen area for detailed design; the screenshot sketch interface 22 and other graphic design software interfaces are displayed on the screen at the same time, so that the user can compare the sketched design plan diagram and make quick detailed design in other graphic design software; using the technical solution of the present invention, when doing graphic design work, compared with the operation method of the prior art, the technical solution of the present invention can save a lot of cumbersome operation steps, significantly improve work efficiency, bring operational convenience to users, and enhance user experience.

[0093] The related technology of the scheme of the present invention can be implemented by hardware devices and software programs together. The hardware device is not limited to the computing device 300 listed in this embodiment, and can also be used in combination by two or more devices to play a role similar to the computing device 300 listed in this embodiment, and load the program code that can execute the technical scheme of the present invention to run and implement the method of the present invention to become a device for practicing the present invention. For example, running a software program loaded with the method of the present invention on a network computer can implement the screenshot sketch comparison design method described in the technical scheme of the present invention; or inserting a USB flash drive storing the software program of the method of the present invention into a computer interface and running the software program to execute the screenshot sketch comparison design method provided by the technical scheme of the present invention.

[0094] The software program used in the technical solution of the present invention can be written in various programming languages ​​of the prior art, such as Python, C language, VB, etc. It should be understood that the content described in the technical solution of the present invention can be implemented using various existing programming languages.

[0095] It should be noted that the screenshot sketch comparison design processing method 350 listed in this embodiment is a recommended optimal step, not a step that must be followed. Some steps can be replaced to achieve similar effects; for example: after executing step 351, first execute step 353 and then execute step 352, which can also achieve the same effect of this method; for simpler graphic design work, step 354 can be omitted, and a similar use effect can also be achieved.

[0096] It should be added that the embodiment listed in the technology of the present invention is that the screenshot sketch interface 22 first appears at the position of the screen capture area, and then moves to the position predetermined by the setting item according to the user setting method; if another embodiment is used: first specify that the screenshot sketch interface appears at a certain position on the screen, and then paste the screenshot of the display screen area to the system clipboard, and then directly paste it to the screenshot sketch interface 22 at the predetermined position, there is no action of moving the screenshot sketch interface, and the other main steps are the same, and the effect similar to the scheme of the present invention can be achieved; for example: run the screenshot sketch design comparison program, the program first opens the screenshot sketch interface 22 and displays it at the top right corner of the display screen (the position preset by the user), the program then executes the area screenshot of the display screen, copies the area screenshot screen to the clipboard of the operating system, and then copies the image from the clipboard to the screenshot sketch interface 22, the screenshot sketch interface 22 then readjusts the size of the screenshot sketch interface 22 according to the size of the image, and displays it in the upper right corner of the display screen with a suitable image ratio. It will be apparent to those skilled in the art that the invention is not limited to the details of the exemplary embodiments described above and that the invention can be implemented in other specific forms without departing from the spirit or essential features of the invention. Therefore, the embodiments should be considered exemplary and non-limiting in all respects, and the scope of the invention is defined by the appended claims rather than the foregoing description, and it is intended that all variations falling within the meaning and scope of the equivalent elements of the claims be included in the invention. Any reference numeral in a claim should not be considered as limiting the claim to which it relates.

Claims

1. A screenshot sketch comparison method, characterized by: At least the following steps are included: Execute the screenshot operation and paste the captured image onto the screenshot sketch interface; Move the screenshot sketch interface to the edge of the display screen and display it on top; In the screenshot sketching interface, add the required graphics elements and output a new image; The screenshot sketching interface avoids the operation area of ​​the graphic design interface on the display screen; Compare the screen with the graphic design interface on the display screen; The moving to the edge of the display screen is to move the screenshot sketching interface to a certain edge position of the display screen for display; The top display is to display the screenshot sketch interface in front of all windows; The display screen is an output device that matches the computing device and is used to present a screen showing the program running status when working; The high-frequency operation area on the computer display screen is avoided by moving the screenshot sketching interface or changing the display mode to avoid the screen area on the computer screen where other graphic software needs to be frequently operated. The high-frequency operation area on the computer display screen is avoided in at least two avoidance modes: The first avoidance method is that when the user does not view the screenshot sketch interface temporarily, the user clicks the screenshot sketch interface with the middle button of the mouse, and the main body of the screenshot sketch interface window will be moved outside the display screen, and only a top-displayed side bar will be displayed on the display screen. When the user needs to view the screenshot sketch interface in the software again, the user clicks the side bar with the middle button of the mouse, and the screenshot sketch interface window in the software will be fully displayed on the screen; The second avoidance method is to automatically avoid the mouse arrow by setting the window of the screenshot sketch interface through the user. The screenshot sketch interface in the software will detect the position of the mouse arrow in real time. When it is detected that the mouse arrow moves to the screenshot sketch interface in the software for more than the time set by the user, the window of the screenshot sketch interface will automatically move to other positions on the screen to avoid the area to be edited on the graphic design software interface; the screenshot sketch interface is moved to the edge of the display screen by designing the display position of the screenshot sketch interface, capturing the area screen at any position on the display screen, and the screenshot sketch interface after the capture and mapping is moved to the specified position for display. The process of moving to the edge of the display screen includes at least the following steps: When approaching the nearest edge of the screen, the distances of the left, right, top and bottom of the intercepted graphic window from the corresponding left, right, top and bottom of the computer display screen will be obtained while capturing the graphic window; The side with the smallest value of the four distance values ​​is taken as the direction in which the screenshot sketch interface moves, and the screenshot sketch interface is moved to be displayed close to the edge of the screen in that direction.

2. A screenshot sketch comparison method according to claim 1, characterized in that: The screenshot sketching interface at least includes a program running main interface consisting of a window, function operation icons and a drawing area where drawings can be pasted.

3. A screenshot sketch comparison method, device and computing device according to claim 1, characterized in that: Adding design elements is to add graphics, lines, marking symbols and texts required for the design drawing in the screenshot sketching interface; The outputting of the new image at least includes one or more of adding the required design elements on the basis of the captured image, presenting a new design scheme image, and outputting the new design scheme image as a new image file.

4. The screenshot sketch comparison method according to claim 1, characterized in that: The comparison operation is that when the graphic design software is used for designing, the design screen of the graphic design software interface and the new graphics on the screenshot sketch interface displayed on top of the screen can be seen at the same time, which is convenient for visual comparison operation.

5. A screenshot sketching device, used in a screenshot sketching comparison method according to any one of claims 1 to 4, characterized in that: At least including a screenshot and pasting module, an edge-to-top display module, a sketch design output module, an interface avoidance module and a picture-text comparison module; A screenshot pasting module is used to execute the screen capture operation and paste the captured image and text screen into the screenshot sketch interface; A top-to-edge display module is used to avoid the area of ​​the captured image and text on the display screen, move the screenshot sketch interface to the edge of the display screen and display it on the top of the display screen of the computing device; Sketch design output module, used to sketch, mark, output new drawings and store and retrieve images and texts on the drawings in the drawing area of ​​the screenshot sketch interface; The interface avoidance module is used to move the screenshot sketching interface to a position where it is not blocked by other graphic design interface operation areas; The graphic and text comparison module is used to compare the graphics on the screenshot sketch interface with the graphic and text screens in other software.

6. A computing device for a screenshot sketch comparison method, characterized in that: The system comprises at least a processor and a memory, wherein the memory is used to store program instructions, and the program instructions are configured to be executed by at least one processor, and the program instructions include instructions for executing the method according to any one of claims 1 to 4.

Images