Graph splicing method and device, readable medium, electronic equipment and program product

Abstract

A graph splicing method and apparatus, a readable medium, an electronic device and a program product, the method comprising: displaying graph blocks obtained by segmenting a target graph and a canvas for a user to splice the graph blocks, the canvas displaying a first auxiliary line; and in response to a placement operation of placing the graphic block in a target canvas area in the canvas by a user, displaying the graphic block in the target canvas area, the geometric shape formed by the first auxiliary line in the target canvas area being the same as the geometric shape of the graphic block. The first auxiliary line divides the canvas into the canvas areas in different geometrical shapes, so that a user is not limited by the shape of the target graph in the graph splicing process, the image blocks can be spliced into a new graph different from the target graph, the diversity of splicing results is increased, the interaction mode between the user and the graph blocks is enriched, and the user experience is improved. Therefore, the user experience in the graph splicing process is improved.

Description

Technical Field

[0001] The present disclosure relates to the field of computer technology, and in particular, to a method, apparatus, readable medium, electronic device, and program product for graph splicing. Background Art

[0002] In a jigsaw game, the graphic blocks obtained by dividing a target graph are placed on a canvas, and simple combination of the graphic blocks is performed to obtain the target graph.

[0003] However, in the related art, the graphic blocks obtained by dividing the target graph can only be placed at fixed positions on the canvas, the interaction method is single, and only the target graph can be spliced. Summary of the Invention

[0004] This Summary of the Invention section is provided to introduce concepts in a brief form that will be described in detail in the following Detailed Implementation section. This Summary of the Invention section is not intended to identify key features or essential features of the claimed technical solution, nor is it intended to be used to limit the scope of the claimed technical solution.

[0005] In a first aspect, the present disclosure provides a method for graph splicing, the method including: displaying graphic blocks obtained by dividing a target graph and a canvas for a user to splice the graphic blocks, wherein a first auxiliary line is displayed on the canvas; in response to a placement operation in which the user places the graphic block into a target canvas area in the canvas, displaying the graphic block in the target canvas area, wherein a geometric shape formed by the first auxiliary line in the target canvas area is the same as a geometric shape of the graphic block.

[0006] In a second aspect, the present disclosure provides a graph splicing apparatus, the apparatus including: a display module configured to display graphic blocks obtained by dividing a target graph and a canvas for a user to splice the graphic blocks, wherein a first auxiliary line is displayed on the canvas; an execution module configured to, in response to a placement operation in which the user places the graphic block into a target canvas area in the canvas, display the graphic block in the target canvas area, wherein a geometric shape formed by the first auxiliary line in the target canvas area is the same as a geometric shape of the graphic block.

[0007] In a third aspect, the present disclosure provides a computer-readable medium having a computer program stored thereon, and when the computer program is executed by a processing device, the method described in the first aspect is implemented.

[0008] In a fourth aspect, the present disclosure provides an electronic device, including: a storage device having a computer program stored thereon; A processing device for executing the computer program in the storage device to implement the method described in the first aspect.

[0009] In a fifth aspect, the present disclosure provides a computer program product, including a computer program which, when executed by a processor, implements the method described in the first aspect.

[0010] Through the above technical solution, a first auxiliary line is displayed on the canvas. The user can place the graphic block into the target canvas area on the canvas with the help of the first auxiliary line displayed on the canvas. The geometric shape formed by the first auxiliary line in the target canvas area is the same as the geometric shape of the graphic block. Thus, the user is not limited by the shape of the target graphic during the graphic splicing process, and can perform graphic splicing in different ways, and finally splice the image blocks into a new graphic different from the target graphic. Compared with the related art in which the graphic block can only be placed at a single fixed position on the canvas to splice the target graphic, the above technical solution increases the diversity of the splicing results through the first auxiliary line, enriches the interaction mode between the user and the graphic block, and thus improves the user experience during the graphic splicing process.

[0011] Other features and advantages of the present disclosure will be described in detail in the subsequent specific implementation part. BRIEF DESCRIPTION OF THE DRAWINGS

[0012] Combined with the drawings and referring to the following specific implementation manners, the above and other features, advantages and aspects of the embodiments of the present disclosure will become more obvious. Throughout the drawings, the same or similar reference numerals represent the same or similar elements. It should be understood that the drawings are schematic, and the original components and elements are not necessarily drawn to scale. In the drawings: Figure 1 is a flowchart of a graphic splicing method shown according to an exemplary embodiment of the present disclosure.

[0013] Figure 2 is a display schematic diagram of graphic splicing shown according to an exemplary embodiment of the present disclosure.

[0014] Figure 3 is a display schematic diagram of the first auxiliary line shown according to an exemplary embodiment of the present disclosure.

[0015] Figure 4a is a display schematic diagram of a method for dividing a target graphic shown according to an exemplary embodiment of the present disclosure.

[0016] Figure 4b is another display schematic diagram of a method for dividing a target graphic shown according to an exemplary embodiment of the present disclosure.

[0017] Figure 5It is another display schematic diagram of a target graph segmentation shown according to an exemplary embodiment of the present disclosure.

[0018] Figure 6 It is another display schematic diagram of a graph splicing shown according to an exemplary embodiment of the present disclosure.

[0019] Figure 7 It is another display schematic diagram of a graph splicing shown according to an exemplary embodiment of the present disclosure.

[0020] Figure 8 It is yet another display schematic diagram of a graph splicing shown according to an exemplary embodiment of the present disclosure.

[0021] Figure 9a It is a display schematic diagram of a graph block rotation control shown according to an exemplary embodiment of the present disclosure.

[0022] Figure 9b It is another display schematic diagram of a graph block rotation control shown according to an exemplary embodiment of the present disclosure.

[0023] Figure 9c It is yet another display schematic diagram of a graph block rotation control shown according to an exemplary embodiment of the present disclosure.

[0024] Figure 10 It is a structural block diagram of a graph splicing device shown according to an exemplary embodiment of the present disclosure.

[0025] Figure 11 It is a structural schematic diagram of an electronic device shown according to an exemplary real-time manner of the present disclosure. Detailed implementation manners

[0026] Embodiments of the present disclosure will be described in more detail below with reference to the accompanying drawings. Although some embodiments of the present disclosure are shown in the drawings, it should be understood that the present disclosure can be implemented in various forms and should not be construed as limited to the embodiments set forth herein. On the contrary, these embodiments are provided to more thoroughly and completely understand the present disclosure. It should be understood that the drawings and embodiments of the present disclosure are only for exemplary purposes and are not used to limit the protection scope of the present disclosure.

[0027] It should be understood that the various steps recited in the method embodiments of the present disclosure can be executed in a different order and / or in parallel. In addition, the method embodiments may include additional steps and / or omit the steps shown. The scope of the present disclosure is not limited in this regard.

[0028] As used herein, the term "including" and its variations are open-ended, that is, "including but not limited to". The term "based on" means "at least partially based on". The term "one embodiment" means "at least one embodiment"; the term "another embodiment" means "at least one additional embodiment"; the term "some embodiments" means "at least some embodiments". Relevant definitions of other terms will be given in the following description.

[0029] It should be noted that the concepts such as "first", "second", etc. mentioned in this disclosure are only used to distinguish different devices, modules or units, and are not used to limit the order or interdependence of the functions performed by these devices, modules or units.

[0030] It should be noted that the modifications of "one" and "multiple" mentioned in this disclosure are illustrative rather than restrictive. Those skilled in the art should understand that unless clearly stated otherwise in the context, it should be understood as "one or more".

[0031] The names of the messages or information exchanged between multiple devices in the embodiments of this disclosure are only for illustrative purposes and are not used to limit the scope of these messages or information.

[0032] It can be understood that before using the technical solutions disclosed in the embodiments of this disclosure, the types, usage scopes, usage scenarios, etc. of the personal information involved in this disclosure should be informed to the user and the user's authorization should be obtained in an appropriate manner in accordance with relevant laws and regulations.

[0033] For example, in response to receiving an active request from the user, a prompt message is sent to the user to clearly prompt the user that the operation requested by the user will require obtaining and using the user's personal information. Thus, the user can autonomously choose whether to provide personal information to software or hardware such as an electronic device, application program, server or storage medium that performs the operations of the technical solutions of this disclosure according to the prompt message.

[0034] As an optional but non-limiting implementation manner, the way of sending a prompt message to the user in response to receiving an active request from the user can be, for example, in the form of a pop-up window, and the prompt message can be presented in text in the pop-up window. In addition, the pop-up window can also carry selection controls for the user to choose "agree" or "disagree" to provide personal information to the electronic device.

[0035] It can be understood that the above process of notifying and obtaining the user's authorization is only illustrative and does not limit the implementation manners of this disclosure. Other ways that meet relevant laws and regulations can also be applied to the implementation manners of this disclosure.

[0036] Meanwhile, it can be understood that the data involved in this technical solution (including but not limited to the data itself, the acquisition or use of data) should comply with the requirements of corresponding laws, regulations and related provisions.

[0037] As described in the background art, in the related art, there are problems such as a single interaction method, a fixed splicing result (that is, there is only one way to clear the puzzle game), and a poor user experience.

[0038] Exemplarily, in the related art, when a user is playing a puzzle game, the user can only place each graphic block obtained by dividing a car graphic at the corresponding fixed position on the canvas to simply combine multiple graphic blocks and finally piece together the car graphic. Among them, the user can only piece together the puzzle by placing the graphic blocks at the fixed positions on the canvas, and the interaction method is single. In addition, only by piecing together all the graphic blocks into a car graphic on the canvas can the puzzle game be cleared. The way to clear the puzzle game is unique. Moreover, in a complex puzzle game, due to the large number of graphic blocks, the user needs to spend a lot of time to complete the splicing of all graphic blocks, and the user experience is poor.

[0039] In view of this, the present disclosure provides a graphic splicing method, device, readable medium, electronic device and program product to solve the above technical problems.

[0040] The following further explains the embodiments of the present disclosure with reference to the accompanying drawings.

[0041] Figure 1 is a flowchart of a graphic splicing method shown according to an exemplary embodiment of the present disclosure. Referring to Figure 1 , the method may include the following steps: S101: Display the graphic blocks obtained by dividing the target graphic and the canvas for the user to piece together the graphic blocks, wherein a first auxiliary line is displayed on the canvas.

[0042] S102: In response to the placement operation of the user placing the graphic block into the target canvas area on the canvas, display the graphic block in the target canvas area, wherein the geometric shape formed by the first auxiliary line in the target canvas area is the same as the geometric shape of the graphic block.

[0043] In this embodiment, the target graphic includes but is not limited to a LOGO, geometric graphic, text graphic, character graphic, symbol graphic, and the embodiments of the present disclosure do not make any restrictions on this. The shape of the canvas includes but is not limited to a rectangle, circle, and the embodiments of the present disclosure do not make any restrictions on this. The first auxiliary line may include an edge line, a contour line, a geometric shape auxiliary line, a geometric line auxiliary line, etc. In this embodiment, the first auxiliary line displayed on the canvas divides the canvas into multiple canvas areas of geometric shapes. Accordingly, the user can place the graphic blocks in the target area on the canvas that has the same geometric shape as the graphic block with the help of the first auxiliary line on the canvas. The placement position of the graphic blocks on the canvas is no longer fixed, and new graphics can be pieced together on the canvas, increasing the diversity and interest of the piecing results. In addition, when playing a complex jigsaw puzzle game, the user can quickly determine the placement position of the graphic blocks on the canvas with the help of the first auxiliary line on the canvas, avoiding the user spending a lot of time determining the position of the graphic blocks on the canvas, thereby shortening the time required for the jigsaw puzzle game and improving the user experience.

[0044] For example, in this solution, after entering the jigsaw puzzle game, the current interface displays four graphic blocks divided by the letter "G" and a rectangular canvas for the user to piece together the graphic blocks. The first auxiliary line is displayed on the canvas, and the first auxiliary line divides the rectangular canvas into multiple canvas areas. With the help of the first auxiliary line on the rectangular canvas, the user can place the graphic blocks in the target canvas area on the canvas that has the same geometric shape as the graphic block, and finally can piece together the symbol "Э" as shown in Figure 2 However, in the related art, the four graphic blocks can only be placed in fixed positions on the canvas, and finally piece together the letter "G".

[0045] Through the above technical solution, the first auxiliary line is displayed on the canvas. The user can place the graphic blocks into the target canvas area on the canvas with the help of the first auxiliary line displayed on the canvas. The geometric shape formed by the first auxiliary line in this canvas area is the same as the geometric shape of the graphic block. Thus, the user is not limited by the shape of the target graphic during the graphic piecing process, and can perform graphic piecing in different ways, and finally piece the image blocks into new graphics different from the target graphic. Compared with the way in the related art that the graphic blocks can only be placed in the only fixed position on the canvas to piece together the target graphic, the above technical solution increases the diversity of the piecing results through the first auxiliary line, enriches the interaction mode between the user and the graphic blocks, and thus improves the user experience during the graphic piecing process.

[0046] To facilitate understanding of the graphic piecing method provided by the present disclosure, the possible implementation manners of the present disclosure will be described below.

[0047] In a possible manner, the first auxiliary line includes at least one of: an auxiliary line corresponding to the geometric shape of the target graphic, a geometric line auxiliary line, and a geometric shape auxiliary line.

[0048] In this embodiment, the auxiliary lines corresponding to the geometric shape of the target graphic in the first auxiliary lines include, but are not limited to, the contour lines of the target graphic. The geometric line auxiliary lines in the first auxiliary lines include, but are not limited to, straight lines (such as horizontal lines, vertical lines, inclined lines), broken lines, and curves (such as arcs, parabolic free curves). The geometric shape auxiliary lines in the first auxiliary lines include, but are not limited to, circular contour lines, rectangular contour lines, and polygonal contour lines.

[0049] Exemplarily, as Figure 3 shown, when the target graphic is the letter "G", the first auxiliary lines displayed on the canvas include the contour line of "G" ( Figure 3 the black solid line in), multiple straight lines ( Figure 3 the black long dashed lines in), and multiple circular contour lines ( Figure 3 the black short dashed lines in).

[0050] In the above technical solution, the auxiliary lines corresponding to the geometric shape of the target graphic, the geometric line auxiliary lines, and the geometric shape auxiliary lines are displayed on the canvas. Thus, the canvas can be divided into multiple different canvas areas, enabling the user to place graphic blocks in different canvas areas during the graphic splicing process. Furthermore, the image blocks can be spliced into a new graphic different from the target graphic, increasing the diversity of the splicing results, enriching the interaction methods between the user and the graphic blocks, and thus enhancing the user experience during the graphic splicing process.

[0051] In a possible way, the graphic blocks can be obtained by splitting the target graphic in the following manner: Randomly split the target graphic to obtain multiple graphic blocks; or, Split the target graphic according to the second auxiliary lines preset on the target graphic to obtain multiple graphic blocks.

[0052] In this embodiment, the splitting methods for the target graphic include, but are not limited to, random splitting and splitting by auxiliary lines. Among them, the splitting lines for random splitting and the second auxiliary lines for splitting by auxiliary lines can be geometric line auxiliary lines or geometric shape auxiliary lines. The target graphic can be split into graphic blocks through the above different splitting methods, with flexible splitting methods, providing graphic blocks of different geometric shapes for graphic splicing.

[0053] Exemplarily, as Figure 4a shown, randomly split the cross graphic to obtain four graphic blocks; as Figure 4b shown, split the cross graphic according to the rectangular contour line preset on the cross graphic to obtain five graphic blocks.

[0054] In the above technical solution, the target figure is divided into multiple figure blocks by means of random division or division with auxiliary lines, providing figure blocks of different geometric shapes for figure splicing, which is convenient for subsequently splicing figures of different shapes based on the figure blocks.

[0055] Among possible ways, randomly dividing the target figure to obtain multiple figure blocks may include: Dividing according to the symmetry line of the target figure to obtain a first figure block; According to a preset geometric shape, dividing the first figure block whose figure area in the first figure block is greater than the preset area to obtain a second figure block, and the multiple figure blocks include the second figure block and the first figure block that is not divided.

[0056] In this embodiment, the dividing lines involved in random division include but are not limited to the symmetry line of the target figure and the preset geometric shape. Among them, the preset geometric shape includes but is not limited to a circular contour line, a rectangular contour line, and a polygonal contour line. The preset area can be preset according to the size requirement of the figure block or according to the difficulty of figure splicing using the figure block. The present disclosure does not limit this. Correspondingly, the target figure can be divided according to one or more symmetry lines of the target figure to obtain a first figure block, and then according to the preset geometric shape, the first figure block whose figure area in the first figure block is greater than the preset area is divided to obtain a second figure block. At this time, the figure blocks include the second figure block and the first figure block that is not divided.

[0057] Exemplarily, as Figure 5 shown, the cross figure is divided according to the symmetry line in the vertical direction of the cross figure to obtain two first figure blocks, and then the two first figure blocks are divided according to the circular contour line to obtain four second figure blocks. At this time, the figure blocks corresponding to the cross figure include four second figure blocks.

[0058] In the above technical solution, the first division is performed according to the auxiliary line of the target figure to obtain a first figure block. In the case where there is no figure block in the first figure block whose figure area is greater than the preset area, the way of splicing based on the first figure block is simple. The user can more easily determine the target canvas area of the figure block on the canvas in combination with the auxiliary line on the canvas, so as to quickly complete the puzzle game. In the case where there is a figure block in the first figure block whose image area is greater than the preset area, the second figure block with an area greater than the preset area in the first figure block can be further divided according to the preset geometric shape to obtain a second figure block. In this case, the divided figure blocks have a smaller area and can be more easily the same as the geometric shape composed of the first auxiliary lines in the canvas. Thus, the user can adopt different splicing methods, increasing the diversity of the splicing results and enhancing the user experience during the figure splicing process.

[0059] Among possible ways, when there are multiple target canvas areas in the canvas, in response to a user's placement operation of placing a graphic block into a target canvas area in the canvas, displaying the graphic block in the target canvas area may include: In response to the user's placement operation of placing a graphic block into any target canvas area in the canvas, display the graphic block in the target canvas area corresponding to the placement operation.

[0060] In this embodiment, the first auxiliary line displayed in the canvas may form multiple canvas areas with the same geometric shape in the canvas. Correspondingly, when playing a jigsaw puzzle game, the position of the graphic block on the canvas is no longer fixed. The user can place the graphic block in any target canvas area in the canvas that has the same geometric shape as the graphic block, so that the jigsaw puzzle game is no longer limited by the shape of the target graphic, and more new graphics can be pieced together.

[0061] Exemplarily, as shown in (a) in Figure 6 There are two target canvas areas in the canvas where the geometric shape formed by the first auxiliary line displayed in the canvas is the same as the geometric shape of the graphic block that the user needs to place on the canvas this time. Correspondingly, the user can place the graphic block in the first target canvas area to piece together the first graphic, as shown in (b) in Figure 6 shown, or the graphic block can be placed in the second target canvas area to piece together the second graphic, as shown in (c) in Figure 6 shown.

[0062] Through the above technical solution, when there are multiple target canvas areas in the canvas, the user can perform a placement operation of placing a graphic block into any target canvas area in the canvas to piece together the graphic block into a target graphic or into different graphics, thereby providing more piecing methods, increasing the diversity of the piecing results, and enhancing the user experience during the graphic piecing process.

[0063] It should be noted that the user's placement operation of placing a graphic block into the canvas includes but is not limited to a drag operation, a click operation, a keyboard shortcut, a gesture operation, and voice control. The present disclosure does not limit this. Taking the drag operation and the click operation as examples below, the process of the user placing a graphic block into the canvas will be exemplarily described.

[0064] Among possible ways, in response to a user's placement operation of placing a graphic block into a target canvas area in the canvas, displaying the graphic block in the target canvas area may include: In response to the user's drag operation on the graphic block, control the graphic block to move following the drag operation; When the graphic block moves to the target canvas area in the canvas following the drag operation, display the graphic block in the target canvas area.

[0065] In this embodiment, the user can drag and drop the graphic block, move the graphic block in the canvas area while observing the relative position of the graphic block in the canvas in real time, and continuously adjust the position of the graphic block in the canvas to find the correct splicing method until the graphic block is dragged and moved to the target canvas area, and the entire splicing process is visualized.

[0066] For example, as Figure 7 shown, the user performs a drag and drop operation on the graphic block, controls the graphic block to move into the canvas following the drag and drop operation, and when the graphic block moves to the target canvas area in the canvas, the graphic block is displayed in the target canvas area.

[0067] In a possible way, in response to the placement operation of the user placing the graphic block into the target canvas area in the canvas, displaying the graphic block in the target canvas area may include: In response to the user's first click operation on the graphic block and the user's second click operation on the target canvas area in the canvas, the graphic block is displayed in the target canvas area.

[0068] In this embodiment, the user can control the display of the graphic block in the target canvas area through the click operations on the graphic block and the target canvas area in the canvas, without the user spending time dragging the graphic block to a specific area on the canvas, which can significantly improve the puzzle-solving speed when playing a complex jigsaw puzzle game.

[0069] For example, as Figure 8 shown, the user performs a click operation on the graphic block and a click operation on the target canvas area in the canvas to control the display of the graphic block in the target canvas area.

[0070] Through the above technical solution, the user can place the graphic block into the target canvas area in the canvas by using different interaction methods, enriching the interaction methods between the user and the graphic block, thereby improving the user experience during the graphic splicing process.

[0071] In a possible way, the above graphic splicing method may further include: Displaying a rotation control component for controlling the rotation of the graphic block; In response to the triggering operation of the user on the rotation control component, controlling all the displayed graphic blocks to rotate at the same rotation angle and / or rotation direction, or controlling all the displayed graphic blocks to rotate at different rotation angles and / or rotation directions; or In response to the triggering operation of the user on the rotation control component, controlling the rotation of the graphic blocks located on the canvas.

[0072] In this embodiment, a display rotation control component is provided. Through the triggering operation on the rotation control component, the user can control the rotation angle and / or rotation direction of all the displayed graphic blocks, enabling the user to quickly determine the target canvas area of the graphic block on the canvas according to the direction and / or angle of the rotated graphic block, thereby shortening the time required for graphic splicing. Additionally, the user can also control the rotation of the graphic blocks on the canvas through the triggering operation of the rotation control component, making the rotated graphic blocks have the same direction / or angle as their target canvas area on the canvas, facilitating the user to quickly determine the target canvas area of the graphic block from the canvas. Moreover, the rotation operation is usually implemented in combination with animation effects to make the puzzle-solving process more smooth and natural. Through the rotation control component, the interaction methods of the puzzle game can be further enriched.

[0073] Among them, the triggering operation includes but is not limited to click operation, mouse hovering, keyboard shortcut keys, and long-press operation. In this embodiment, the click operation is used as an example for the triggering operation.

[0074] Exemplarily, as Figure 9a shown, the user can control all the displayed graphic blocks to rotate at the same rotation angle and in the same rotation direction by clicking on the rotation control component; as Figure 9b shown, the user can also control the left and right graphic blocks displayed to rotate at different rotation angles and in different directions by clicking on the rotation control component; as Figure 9c shown, the user can also control the rotation of the graphic blocks on the canvas by clicking on the rotation control component.

[0075] In the above technical solution, the displayed rotation control component enables the user to control the direction and angle of the graphic blocks in addition to placing the graphic blocks in the puzzle game, increasing the complexity and challenge of the puzzle game. Thus, during the graphic splicing process, the user can control the rotation of the graphic blocks to adapt to the complex puzzle game, thereby enhancing the interest and immersion of the puzzle game.

[0076] Based on the same concept, an embodiment of the present disclosure further provides a graphic splicing device. As Figure 10 shown, the graphic splicing device 1000 includes: A display module 1001, configured to display the graphic blocks obtained by dividing a target graphic and a canvas for the user to splice the graphic blocks, wherein a first auxiliary line is displayed on the canvas; An execution module 1002, configured to, in response to the placement operation of the user placing the graphic block into the target canvas area on the canvas, display the graphic block in the target canvas area, wherein the geometric shape formed by the first auxiliary line in the target canvas area is the same as the geometric shape of the graphic block.

[0077] Through the above-mentioned graphic splicing device 1000, a first auxiliary line is displayed on the canvas. The user can place the graphic block into the target canvas area on the canvas with the help of the first auxiliary line displayed on the canvas. The geometric shape formed by the first auxiliary line in this canvas area is the same as the geometric shape of the graphic block. Thus, the user is not limited by the shape of the target graphic during the graphic splicing process, and can perform graphic splicing in different ways, and finally splice the image blocks into new graphics different from the target graphic. Compared with the related art in which the graphic block can only be placed at a unique fixed position on the canvas to splice the target graphic, the above technical solution increases the diversity of the splicing results through the first auxiliary line, enriches the interaction mode between the user and the graphic block, and thus improves the user experience during the graphic splicing process.

[0078] In a possible way, when there are multiple target canvas areas in the canvas, the execution module 1002 is configured to, in response to the placement operation of the user placing the graphic block into any target canvas area in the canvas, display the graphic block in the target canvas area corresponding to the placement operation.

[0079] In a possible way, the first auxiliary line includes at least one of: an auxiliary line corresponding to the geometric shape of the target graphic, a geometric line auxiliary line, and a geometric shape auxiliary line.

[0080] In a possible way, the graphic splicing device 1000 may further include: A splitting module, configured to randomly split the target graphic to obtain multiple graphic blocks; or, Split the target graphic according to the second auxiliary line preset on the target graphic to obtain multiple graphic blocks.

[0081] In a possible way, the splitting module is configured to split according to the symmetry line of the target graphic to obtain a first graphic block; According to the preset geometric shape, split the first graphic block with a graphic area larger than the preset area in the first graphic block to obtain a second graphic block. The multiple graphic blocks include the second graphic block and the first graphic block that has not been split.

[0082] In a possible way, the execution module 1002 is configured to, in response to the dragging operation of the user on the graphic block, control the graphic block to move following the dragging operation; When the graphic block moves to the target canvas area in the canvas following the dragging operation, display the graphic block in the target canvas area.

[0083] In a possible way, the execution module 1002 is further configured to display a rotation control component for controlling the rotation of the graphic block; In response to a user's triggering operation on the rotation control component, control all the displayed graphic blocks to rotate by the same rotation angle and / or in the same rotation direction, or control all the displayed graphic blocks to rotate by different rotation angles and / or in different rotation directions; or, In response to a user's triggering operation on the rotation control component, control the graphic blocks located on the canvas to rotate.

[0084] For the graphic splicing device 1000 in the above embodiments, the specific manners in which each module performs operations have been described in detail in the embodiments related to the method, and will not be elaborated here.

[0085] Based on the same concept, an embodiment of the present disclosure further provides a computer-readable medium, on which a computer program is stored, and when the computer program is executed by a processing device, any of the above graphic splicing methods is implemented.

[0086] Based on the same concept, an embodiment of the present disclosure further provides an electronic device, which may include: A storage device, on which a computer program is stored; A processing device, configured to execute the computer program in the storage device to implement any of the above graphic splicing methods.

[0087] Based on the same concept, an embodiment of the present disclosure further provides a computer program product, including a computer program, and when the computer program is executed by a processor, any of the above graphic splicing methods is implemented.

[0088] Next, with reference to Figure 11 , which shows a schematic structural diagram of an electronic device 1100 suitable for implementing the embodiments of the present disclosure. The terminal device in the embodiments of the present disclosure may include, but is not limited to, mobile terminals such as mobile phones, laptop computers, digital broadcast receivers, PDAs (Personal Digital Assistants), PADs (Tablet Computers), PMPs (Portable Multimedia Players), in-vehicle terminals (such as in-vehicle navigation terminals), etc., and fixed terminals such as digital TVs, desktop computers, etc. Figure 11 The illustrated electronic device is merely an example and should not impose any limitation on the functions and usage scope of the embodiments of the present disclosure.

[0089] As Figure 11As shown, the electronic device 1100 may include a processing device (such as a central processing unit, a graphics processing unit, etc.) 1101, which may perform various appropriate actions and processes according to a program stored in a read-only memory (ROM) 1102 or a program loaded from a storage device 1108 into a random access memory (RAM) 1103. In the RAM 1103, various programs and data required for the operation of the electronic device 1100 are also stored. The processing device 1101, the ROM 1102, and the RAM 1103 are connected to each other through a bus 1104. An input / output (I / O) interface 1105 is also connected to the bus 1104.

[0090] Generally, the following devices may be connected to the I / O interface 1105: an input device 1106 including, for example, a touch screen, a touchpad, a keyboard, a mouse, a camera, a microphone, an accelerometer, a gyroscope, etc.; an output device 1107 including, for example, a liquid crystal display (LCD), a speaker, a vibrator, etc.; a storage device 1108 including, for example, a magnetic tape, a hard disk, etc.; and a communication device 1109. The communication device 1109 may allow the electronic device 1100 to communicate with other devices wirelessly or wireline to exchange data. Although Figure 11 the electronic device 1100 with various devices is shown, it should be understood that it is not required to implement or have all the shown devices. Instead, more or fewer devices may be implemented or had.

[0091] In particular, according to an embodiment of the present disclosure, the process described above with reference to the flowchart may be implemented as a computer software program. For example, an embodiment of the present disclosure includes a computer program product, which includes a computer program carried on a non-transitory computer-readable medium, and the computer program includes program codes for performing the method shown in the flowchart. In such an embodiment, the computer program may be downloaded and installed from a network through the communication device 1109, or installed from the storage device 1108, or installed from the ROM 1102. When the computer program is executed by the processing device 1101, the above functions defined in the method of the embodiment of the present disclosure are executed.

[0092] It should be noted that the above-mentioned computer-readable medium in the present disclosure can be a computer-readable signal medium, a computer-readable storage medium, or any combination of the two. A computer-readable storage medium can be, for example, but not limited to, an electrical, magnetic, optical, electromagnetic, infrared, or semiconductor system, apparatus, or device, or any combination of the above. More specific examples of the computer-readable storage medium can include, but are not limited to: an electrical connection with one or more wires, a portable computer disk, a hard disk, a random access memory (RAM), a read-only memory (ROM), an erasable programmable read-only memory (EPROM or flash memory), an optical fiber, a portable compact disk read-only memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination of the above. In the present disclosure, the computer-readable storage medium can be any tangible medium that contains or stores a program, and this program can be used by or in combination with an instruction execution system, apparatus, or device. In the present disclosure, a computer-readable signal medium can include a data signal propagated in a baseband or as part of a carrier wave, which carries computer-readable program code. Such a propagated data signal can take various forms, including but not limited to electromagnetic signals, optical signals, or any suitable combination of the above. The computer-readable signal medium can also be any computer-readable medium other than the computer-readable storage medium, and this computer-readable signal medium can send, propagate, or transmit a program for use by or in combination with an instruction execution system, apparatus, or device. The program code contained on the computer-readable medium can be transmitted using any appropriate medium, including but not limited to: wires, optical cables, RF (radio frequency), etc., or any suitable combination of the above.

[0093] In some embodiments, communication can be performed using any currently known or future-developed network protocol such as HTTP (HyperText Transfer Protocol), and can be interconnected with digital data communication in any form or medium (e.g., a communication network). Examples of communication networks include local area networks ("LAN"), wide area networks ("WAN"), the Internet (e.g., the Internet), and end-to-end networks (e.g., ad hoc end-to-end networks), as well as any currently known or future-developed networks.

[0094] The above-mentioned computer-readable medium can be included in the above-mentioned electronic device; it can also exist separately and not be assembled into the electronic device.

[0095] The above computer-readable medium carries one or more programs which, when executed by the electronic device, cause the electronic device to: display graphic blocks obtained by segmenting a target graphic and a canvas for a user to splice the graphic blocks, wherein a first auxiliary line is displayed on the canvas; and in response to a placement operation in which the user places the graphic block in a target canvas area on the canvas, display the graphic block in the target canvas area, wherein a geometric shape formed by the first auxiliary line in the target canvas area is the same as the geometric shape of the graphic block.

[0096] Computer program code for performing the operations of the present disclosure may be written in one or more programming languages or combinations thereof. The programming languages include, but are not limited to, object-oriented programming languages such as Java, Smalltalk, C++, and also include conventional procedural programming languages such as the "C" language or similar programming languages. The program code may execute entirely on the user's computer, partly on the user's computer, as a stand-alone software package, partly on the user's computer and partly on a remote computer, or entirely on the remote computer or server. In the case of a remote computer, the remote computer may be connected to the user's computer through any type of network, including a local area network (LAN) or a wide area network (WAN), or may be connected to an external computer (e.g., through the Internet using an Internet service provider).

[0097] The flowcharts and block diagrams in the accompanying drawings illustrate the possible architectures, functions, and operations of systems, methods, and computer program products according to various embodiments of the present disclosure. In this regard, each block in the flowchart or block diagram may represent a module, a program segment, or a part of code that contains one or more executable instructions for implementing a specified logical function. It should also be noted that in some alternative implementations, the functions marked in the blocks may occur in a different order than marked in the accompanying drawings. For example, two consecutive blocks shown may actually be executed substantially in parallel, and they may sometimes be executed in the reverse order, depending on the functions involved. It should also be noted that each block in the block diagram and / or flowchart, and combinations of blocks in the block diagram and / or flowchart, may be implemented by a dedicated hardware-based system for performing the specified functions or operations, or may be implemented by a combination of dedicated hardware and computer instructions.

[0098] The modules described in the embodiments of the present disclosure may be implemented in software or in hardware. In some cases, the name of the module does not constitute a limitation on the module itself.

[0099] The functions described above in this document can be performed, at least in part, by one or more hardware logic components. By way of example, and without limitation, the types of hardware logic components that may be used include: Field Programmable Gate Arrays (FPGA), Application Specific Integrated Circuits (ASIC), Application Specific Standard Products (ASSP), Systems on Chip (SOC), Complex Programmable Logic Devices (CPLD), and the like.

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

[0101] The foregoing description is only a preferred embodiment of the present disclosure and an illustration of the applied technical principles. Those skilled in the art should understand that the scope of the disclosure involved in the present disclosure is not limited to the technical solutions formed by the specific combination of the above technical features, and should also cover other technical solutions formed by any combination of the above technical features or their equivalent features without departing from the above disclosure concept. For example, a technical solution formed by mutually replacing the above features with (but not limited to) technical features having similar functions disclosed in the present disclosure.

[0102] In addition, although the operations are depicted in a particular order, this should not be construed as requiring that the operations be performed in the particular order shown or in sequential order. In certain environments, multitasking and parallel processing may be advantageous. Similarly, although a number of specific implementation details are included in the above discussion, these should not be construed as limiting the scope of the present disclosure. Certain features described in the context of separate embodiments may also be implemented combinatorially in a single embodiment. Conversely, various features described in the context of a single embodiment may also be implemented separately or in any suitable sub-combination in multiple embodiments.

[0103] Although the subject matter has been described in language specific to structural features and / or methodological logical acts, it is to be understood that the subject matter defined in the appended claims is not necessarily limited to the specific features or acts described above. On the contrary, the specific features and acts described above are merely example forms for implementing the claims. Regarding the apparatus in the above embodiments, the specific manner in which each module performs operations has been described in detail in the embodiments related to the method, and will not be elaborated here.

Claims

1. A graphics splicing method, characterized in that: The method comprises: Displaying graphic blocks obtained by segmenting the target graphic and a canvas for a user to splice the graphic blocks, wherein a first auxiliary line is displayed on the canvas; In response to a user placing operation of placing the graphic block into a target canvas area in the canvas, the graphic block is displayed in the target canvas area, wherein a geometric shape formed by the first auxiliary lines in the target canvas area is the same as a geometric shape of the graphic block.

2. The graphics splicing method according to claim 1, characterized in that: The target canvas area in the canvas includes a plurality of areas, and in response to a placement operation of placing the graphic block in the target canvas area in the canvas by the user, displaying the graphic block in the target canvas area includes: In response to a placement operation of the user placing the graphic block into any of the target canvas areas in the canvas, the graphic block is displayed in the target canvas area corresponding to the placement operation.

3. The graphics splicing method according to claim 1, characterized in that: The first auxiliary line includes: at least one of an auxiliary line corresponding to the geometric shape of the target figure, a geometric line auxiliary line, and a geometric shape auxiliary line.

4. The graphics splicing method according to any one of claims 1 to 3, characterized in that: The graphic blocks are obtained by segmenting the target graphic in the following manner: Randomly segment the target graphic to obtain a plurality of graphic blocks; or, The target graphic is segmented according to a second auxiliary line preset on the target graphic to obtain a plurality of graphic blocks.

5. The graphics splicing method according to claim 4, characterized in that: The target graphic is randomly segmented to obtain a plurality of graphic blocks, including: Segment the target graphic according to the symmetry line to obtain a first graphic block; According to a preset geometric shape, a first graphic block whose graphic area is larger than a preset area in the first graphic block is divided to obtain a second graphic block, and the multiple graphic blocks include the second graphic block and the first graphic block that is not divided.

6. The graphics splicing method according to any one of claims 1 to 3, characterized in that: In response to a placement operation of placing the graphic block in a target canvas area in the canvas by the user, displaying the graphic block in the target canvas area includes: In response to a user's dragging operation on the graphic block, controlling the graphic block to move following the dragging operation; When the graphic block moves to a target canvas area in the canvas following the drag operation, the graphic block is displayed in the target canvas area.

7. The graphics splicing method according to any one of claims 1 to 3, characterized in that: The method further comprises: Display a rotation control component, wherein the rotation control component is used to control the rotation of the graphic block; In response to the user's triggering operation on the rotation control component, all the displayed graphic blocks are controlled to rotate according to the same rotation angle and / or rotation direction, or all the displayed graphic blocks are controlled to rotate according to different rotation angles and / or rotation directions; or, In response to a user triggering operation on the rotation control component, the graphic block on the canvas is controlled to rotate.

8. A graphics splicing device, characterized in that: The device comprises: A display module is configured to display graphic blocks obtained by segmenting the target graphic and a canvas for a user to splice the graphic blocks, wherein a first auxiliary line is displayed on the canvas; An execution module is configured to display the graphic block in a target canvas area in the canvas in response to a placement operation of the user placing the graphic block in the target canvas area, wherein a geometric shape formed by the first auxiliary lines in the target canvas area is the same as a geometric shape of the graphic block.

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

10. An electronic device, characterized in that: include: a storage device having a computer program stored thereon; A processing device, configured to execute the computer program in the storage device to implement the method according to any one of claims 1 to 7.

11. A computer program product, comprising a computer program, characterized in that When the computer program is executed by a processor, the method according to any one of claims 1 to 7 is implemented.

Images