Interaction method and device and medium

Abstract

The invention discloses an interaction method and device and a medium. The method comprises the steps that a second interaction layer is displayed on the upper layer of a first interaction layer, and the second interaction layer comprises at least one image object; based on an area corresponding to the image object in the second interaction layer, setting a target mask area in which the interaction information cannot be transmitted in an unvarnished manner; wherein a non-target mask area in the second interaction layer can transmit interaction information in a transparent manner; and responding to the interaction information in the second interaction layer to perform drawing operation based on the position relationship between the interaction position of the received interaction information and the eye mask area, or transparently transmitting the interaction information to the first interaction layer, so that the first interaction layer responds to the interaction information to perform non-drawing interaction operation. The interaction efficiency can be improved.

Description

Technical Field

[0001] The present invention relates to the field of computer technology, and in particular to an interaction method, device and medium. Background Art

[0002] In interactive scenarios, it is usually necessary to implement drawing functions on interactive pages to provide prompt information such as question annotations and graphic explanations.

[0003] However, the existing interaction methods can only provide a single drawing function or a single function of interacting with an application page. When drawing and interacting with application pages, users need to repeatedly switch pages, that is, switch the interactive page to the upper / top layer or switch the drawing board to the upper / top layer to interact. The interaction efficiency is low, and it is impossible to interact with the page and draw without switching pages. Summary of the invention

[0004] In view of this, the present invention provides an interaction method, device and medium, the main purpose of which is to solve the current problem that it is impossible to interact with a page and draw a picture without switching pages.

[0005] To solve the above problems, the present application provides an interactive method, including:

[0006] Displaying a second interactive layer on the upper layer of the first interactive layer, wherein the second interactive layer includes at least one image object;

[0007] Based on the area corresponding to the image object in the second interactive layer, a target mask area in which interactive information cannot be transparently transmitted is set; wherein the non-target mask area in the second interactive layer can transparently transmit interactive information;

[0008] Based on the positional relationship between the interaction position of the received interaction information and the eye mask area, respond to the interaction information in the second interaction layer to perform a drawing operation, or transmit the interaction information to the first interaction layer so that the first interaction layer responds to the interaction information to perform a non-drawing interaction operation.

[0009] Optionally, displaying the second interaction layer on the first interaction layer specifically includes:

[0010] Create a drawing class in the target application in advance;

[0011] The second interaction layer is displayed on an upper layer of the first interaction layer displayed by the target application based on the drawing class.

[0012] Optionally, displaying the second interaction layer on the first interaction layer specifically includes:

[0013] Pre-create a drawing class in the electronic device where the target application is located;

[0014] The second interaction layer is displayed on a top layer of a main screen area displayed by the electronic device based on the drawing class, so as to display the second interaction layer on an upper layer of a first interaction layer displayed by a target application.

[0015] Optionally, the step of responding to the interaction information in the second interaction layer to perform a drawing operation based on the positional relationship between the interaction position of the received interaction information and the eye mask area, or transparently transmitting the interaction information to the first interaction layer, and responding to the interaction information in the first interaction layer to perform an interaction operation with an interaction object of the first interaction layer, specifically includes:

[0016] When the interaction position of the interaction information is within the target mask area, responding to the interaction information in the second interaction layer to perform a drawing operation;

[0017] When the interaction position of the interaction information is outside the target mask area, the interaction information is transparently transmitted to the first interaction layer, and the interaction information is responded to in the first interaction layer to perform an interaction operation with the interaction object of the first interaction layer.

[0018] Optionally, the method further includes: based on the received image creation instruction, adjusting the target mask area to an area corresponding to the second interaction layer, and creating a target container in the second interaction layer, wherein the target container is configured with a base class;

[0019] A target image object is drawn based on the target container.

[0020] Optionally, responding to the interactive information in the second interactive layer to perform a drawing operation specifically includes:

[0021] Based on the interaction position of the interaction information, maintaining the selected state of the first image selected in the second interaction layer;

[0022] Alternatively, based on the interaction position of the interaction information, the selected first image object in the second interaction layer is switched from a selected state to an unselected state, and the currently selected second image object is determined, and a number of control points of the second image object are displayed;

[0023] Alternatively, based on the interaction position of the interaction information, the currently selected second image object is directly determined, and a plurality of control points of the second image object are displayed.

[0024] Optionally, after displaying the plurality of control points of the second image object, the method further includes:

[0025] The area corresponding to the second interactive layer is set as the current target mask area to adjust the target mask area.

[0026] Optionally, after completing the drawing operation, the method further includes:

[0027] The target mask area is re-determined based on the area corresponding to each current image object in the second interaction layer.

[0028] To solve the above problems, the present application provides an interactive device, comprising:

[0029] A display module, configured to display a second interaction layer on an upper layer of the first interaction layer, wherein the second interaction layer includes at least one image object;

[0030] A setting module, used for setting a target mask area that cannot transparently transmit interactive information based on an area corresponding to an image object in the second interactive layer; wherein the non-target mask area in the second interactive layer can transparently transmit interactive information;

[0031] An interaction module is used to respond to the interaction information in the second interaction layer to perform a drawing operation based on the position relationship between the interaction position of the received interaction information and the eye mask area, or to transparently transmit the interaction information to the first interaction layer so that the first interaction layer responds to the interaction information to perform a non-drawing interaction operation.

[0032] In order to solve the above problems, the present application provides a storage medium, wherein the storage medium stores a computer program, and when the computer program is executed by a processor, the steps of any of the above-mentioned interaction methods are implemented.

[0033] To solve the above problems, the present application provides an electronic device, comprising at least a memory and a processor, wherein the memory stores a computer program, and the processor implements the steps of any of the above-mentioned interaction methods when executing the computer program on the memory.

[0034] The interactive method, device and medium in the present application display a second interactive layer for drawing on an upper layer of an upper layer of a first interactive layer, and then set a target mask area in which interactive information cannot be transparently transmitted according to the area corresponding to the image object in the second interactive layer. The interactive information can be transparently transmitted using a non-target mask area outside the target mask area in the first interactive layer. Subsequently, the interactive information can be responded to in the second interactive layer to perform drawing operations based on the positional relationship between the interactive position of the interactive information and the target mask area, or the interactive information can be transparently transmitted to the first interactive layer so that the first interactive layer receives the interactive information and responds accordingly. This enables both drawing in the second interactive layer and interaction with the first interactive layer, without the need for repeated switching of interactive pages / interactive layers, thereby improving the interaction efficiency.

[0035] The above description is only an overview of the technical solution of the present invention. In order to more clearly understand the technical means of the present invention, it can be implemented according to the contents of the specification. In order to make the above and other purposes, features and advantages of the present invention more obvious and easy to understand, the specific implementation methods of the present invention are listed below. BRIEF DESCRIPTION OF THE DRAWINGS

[0036] Various other advantages and benefits will become apparent to those of ordinary skill in the art by reading the detailed description of the preferred embodiments below. The accompanying drawings are only for the purpose of illustrating the preferred embodiments and are not to be considered as limiting the present invention. Moreover, the same reference symbols are used throughout the accompanying drawings to represent the same components. In the accompanying drawings:

[0037] Figure 1 This is a flow chart of an interaction method according to an embodiment of the present application;

[0038] Figure 2 A flowchart of a drawing operation in another embodiment of the present application;

[0039] Figure 3 A flowchart of a drawing operation in another embodiment of the present application;

[0040] Figure 4 This is a flowchart of an image creation operation in another embodiment of the present application;

[0041] Figure 5 This is a structural block diagram of an interactive device in another embodiment of the present application;

[0042] Figure 6 This is a structural block diagram of an electronic device according to another embodiment of the present application. DETAILED DESCRIPTION

[0043] Various aspects and features of the present application are described herein with reference to the accompanying drawings.

[0044] It should be understood that various modifications may be made to the embodiments of the present application. Therefore, the above description should not be considered as limiting, but only as an example of an embodiment. Other modifications within the scope and spirit of the present application will occur to those skilled in the art.

[0045] The accompanying drawings, which are incorporated in and constitute a part of the specification, illustrate embodiments of the present application and, together with the general description of the present application given above and the detailed description of the embodiments given below, serve to explain the principles of the present application.

[0046] These and other characteristics of the present application will become apparent from the following description of a preferred form of embodiment given as a non-limiting example with reference to the accompanying drawings.

[0047] It should also be understood that although the present application has been described with reference to some specific examples, those skilled in the art will be able to readily implement many other equivalent forms of the present application.

[0048] The above and other aspects, features and advantages of the present application will become more apparent in view of the following detailed description when taken in conjunction with the accompanying drawings.

[0049] Specific embodiments of the present application are described hereinafter with reference to the accompanying drawings; however, it should be understood that the embodiments applied for are merely examples of the present application, which may be implemented in a variety of ways. Well-known and / or repeated functions and structures are not described in detail to avoid unnecessary or redundant details that obscure the present application. Therefore, the specific structural and functional details applied for herein are not intended to be limiting, but merely serve as a basis and representative basis for the claims to teach those skilled in the art to use the present application in a variety of ways with substantially any suitable detailed structure.

[0050] This specification may use the phrases "in one embodiment," "in another embodiment," "in yet another embodiment," or "in other embodiments," all of which may refer to one or more of the same or different embodiments according to the present application.

[0051] The present application embodiment provides an interaction method, which can be specifically applied to electronic devices such as terminals and servers. Figure 1 As shown, the method in this embodiment includes the following steps:

[0052] Step S101, displaying a second interactive layer on an upper layer of a first interactive layer, wherein the second interactive layer includes at least one image object;

[0053] In this step, the first interactive layer can be an interactive application page, an interactive web page, etc. In the online education scenario, the first interactive layer can be an interactive courseware. The second interactive layer is the drawing layer, which can be understood as a drawing window ShapeWidget or a drawing board layer. By setting the second interactive layer to a transparent state, the display of the lower application page and the interactive page (i.e., the first interactive layer) can be not affected. In this step, the image object can specifically be an object such as a graphic or a picture.

[0054] Step S102, based on the area corresponding to the image object in the second interaction layer, setting a target mask area where interactive information cannot be transparently transmitted; wherein the non-target mask area in the second interaction layer can transparently transmit interactive information;

[0055] The second interaction layer is set as an interaction layer that can transparently transmit interaction information, so that subsequent interaction information can be transparently transmitted from the second interaction layer to the first interaction layer, providing a guarantee for interaction with the interaction object in the second interaction layer.

[0056] In this step, the target mask area can be reasonably and accurately determined according to the area corresponding to the image object in the second interactive layer, and then the target mask area can be set to a state where interactive information cannot be transparently transmitted, so that when the interactive information is located in the target mask area, it will not be transparently transmitted to the second interactive layer, which provides a guarantee for drawing in the second interactive layer based on the interactive information. At the same time, by setting the non-target mask area outside the target mask area in the second interactive layer to a state where interactive information can be transparently transmitted, it is convenient for subsequent interactive information to be transparently transmitted from the second interactive layer to the first interactive layer, which provides a guarantee for interaction with interactive objects in the second interactive layer.

[0057] Step S103, based on the positional relationship between the interaction position of the received interaction information and the eye mask area, respond to the interaction information in the second interaction layer to perform a drawing operation, or transmit the interaction information to the first interaction layer so that the first interaction layer responds to the interaction information to perform a non-drawing interaction operation.

[0058] After setting the target mask area in this step, it is possible to determine at which interaction layer to respond to the interaction information based on the interaction position of the received interaction information. That is, when the interaction position of the interaction information is within the target mask area, the second interaction layer will obtain the interaction information and directly respond to the interaction information; conversely, when the interaction position of the interaction information is outside the target mask area (i.e., in the non-target mask area), the interaction information will be transparently transmitted to the first interaction layer, at which time the first interaction layer will receive the interaction information and respond accordingly to the interaction information.

[0059] The interaction method in this embodiment, by displaying the second interaction layer for drawing on the upper layer of the first interaction layer, and then setting the target mask area that cannot transparently transmit the interactive information according to the area corresponding to the image object in the second interaction layer, can use the non-target mask area outside the target mask area in the first interaction layer to transparently transmit the interactive information. Subsequently, according to the positional relationship between the interactive position of the interactive information and the target mask area, the interactive information can be responded to in the second interaction layer to perform drawing operations, or the interactive information can be transparently transmitted to the first interaction layer so that the first interaction layer receives the interactive information and responds accordingly. This realizes that drawing can be performed in the second interaction layer and interaction can be performed with the first interaction layer, without the need for repeated switching of interactive pages / interaction layers, thereby improving the interaction efficiency.

[0060] Based on the above embodiment, another embodiment of the present application provides an interaction method. In this embodiment, the second interaction layer is displayed on the first interaction layer, which can be implemented in any of the following two ways:

[0061] Method 1: Preliminarily create a drawing class in the target application; based on the drawing class, display the second interaction layer on the upper layer of the first interaction layer displayed by the target application;

[0062] Method 2: Pre-create a drawing class in the electronic device where the target application is located; based on the drawing class, display the second interaction layer on the top layer of the main screen area displayed by the electronic device, so as to display the second interaction layer on the upper layer of the first interaction layer displayed by the target application.

[0063] In this embodiment, the top layer of the main screen area refers to the layer of the display screen closest to the user. Specifically, a drawing class can be created based on the Qt graphics view framework, that is, based on the Qt graphics view framework, a class of the drawing part is directly created in the target application. When drawing later, it is only necessary to control the layer corresponding to the class. Alternatively, a drawing class can be directly created in the electronic device based on the Qt graphics view framework and placed on the top layer of the desktop.

[0064] In this embodiment, by displaying the second interaction layer on the first interaction layer in the above-mentioned manner, it can provide a basis for the subsequent drawing of image objects in the second interaction layer. At the same time, since the non-target mask area of ​​the second interaction layer can still transmit interactive information, it will not affect the interaction with the second interaction layer.

[0065] On the basis of the above-mentioned embodiments, another embodiment of the present application provides an interaction method. In this embodiment, when executing step S103, that is, based on the positional relationship between the interaction position of the received interaction information and the target mask area, the interaction information is responded to in the second interaction layer to perform a drawing operation, or the interaction information is transmitted to the first interaction layer, and the interaction information is responded to in the first interaction layer to perform an interaction operation with the interaction object of the first interaction layer. The specific process is: when the interaction position of the interaction information is within the target mask area, the interaction information is responded to in the second interaction layer to perform a drawing operation; when the interaction position of the interaction information is outside the target mask area (that is, located in the non-target mask area), the interaction information is transmitted to the first interaction layer, and the interaction information is responded to in the first interaction layer to perform an interaction operation with the interaction object of the first interaction layer.

[0066] In the specific implementation process of this embodiment, the interaction position of the interaction information can be matched / compared with the target mask area. If the interaction position is within the target mask area, the second interaction layer will receive the interaction information. At this time, the second interaction layer will respond to the interaction information, and then implement the drawing operation in the second interaction layer according to the interaction information. If the interaction position is outside the target mask area, since the non-target mask area of ​​the first interaction layer can transparently transmit the interaction information, the interaction information will be transparently transmitted from the second interaction layer to the first interaction layer. At this time, the first interaction layer will receive the interaction information, and then the first interaction layer can respond to the interaction information, and then implement non-drawing interaction operations in the first interaction layer according to the interaction information, that is, interaction operations with the interactive objects in the first interaction layer.

[0067] In the specific implementation process of this embodiment, taking the interactive information generated by the user clicking / pressing the mouse as an example, when performing a drawing operation, that is, responding to the interactive information in the second interaction layer to perform the drawing operation specifically includes:

[0068] Based on the interaction position of the interaction information, maintaining the selected state of the first image selected in the second interaction layer;

[0069] Alternatively, based on the interaction position of the interaction information, the selected first image object in the second interaction layer is switched from a selected state to an unselected state, and the currently selected second image object is determined, and a number of control points of the second image object are displayed;

[0070] Alternatively, based on the interaction position of the interaction information, the currently selected second image object is directly determined, and a plurality of control points of the second image object are displayed.

[0071] Specifically, you can Figure 2 As shown in the figure, when the user clicks / presses the mouse in the target mask area, the specific drawing process is as follows:

[0072] Step 1: The user presses the mouse to generate interactive information;

[0073] Case 2: Determine whether a container in the target mask area has been selected before the mouse is pressed; if a container has been selected, determine whether the interactive position of the interactive information is in the selected container. If it is in the selected container, end; if it is not in the selected container, execute step 3; if no container has been selected before the mouse is pressed, execute step 4;

[0074] In this step, the container refers to a graphic container, in which the base classes of various image objects (graphics / shapes) are stored, and the target image object corresponding to the target base class is displayed by setting the target base class inherited by the container. It can be understood that the container is the image object.

[0075] Step 3: Clear the selected state of the currently selected container;

[0076] Step 4: determine whether the interactive position of the interactive information is within any container. If it is within any container, set the current container to a selected state, display the control point corresponding to the container, and adjust the target mask area to the area corresponding to the second interactive layer.

[0077] In this step, the control points include scaling points, rotation points, etc. That is, by displaying the scaling points and rotation points, the container can be enlarged, reduced, or rotated based on the scaling points and rotation points, thereby enlarging, reducing, or rotating the image object in the container.

[0078] In this implementation, after displaying the control point, the target mask area can also be adjusted to the area corresponding to the second interaction layer, so that the interactive information can only interact with the second interaction layer, that is, only drawing operations are performed within the second interaction layer, and will not be transmitted to the first interaction layer and interact with the interactive objects in the first interaction layer.

[0079] Furthermore, in the specific implementation process of this embodiment, taking the interactive information generated by the user clicking the mouse / pressing the mouse and moving the mouse as an example, when performing a drawing operation, the image object can also be rotated or scaled based on the second interactive position of the interactive information. Specifically, Figure 3 As shown, the process is:

[0080] Step 1: The user presses the mouse and moves the mouse to generate interactive information;

[0081] Case 2: Determine whether there is a container in the target mask area that has been selected before the mouse is pressed; if a container has been selected, execute step 3; if no container has been selected, end;

[0082] Step 3: determine whether the interactive position of the interactive information is a control point such as a scaling point or a rotation point; if it is a control point such as a scaling point or a rotation point, execute step 4; otherwise, if it is not a control point such as a scaling point or a rotation point, execute step 5;

[0083] Step 4: Perform scaling and rotation operations to redraw the graphic / image object;

[0084] Step 5: Move the window to redraw the graphic image.

[0085] On the basis of the above-mentioned embodiments, another embodiment of the present application provides an interactive method. In this embodiment, the drawing device / electronic device can also receive an image creation instruction, and then adjust the target mask area to the area corresponding to the second interactive layer according to the image creation instruction, and create a target container in the second interactive layer; finally, draw the target image object based on the target container. In other words, the second interactive layer can be pre-set with an image creation button, and the user can generate an image creation instruction by clicking the image creation button with the mouse, and then adjust the target mask area to the area corresponding to the second interactive layer according to the image creation instruction, that is, set the area outside the image object in the second interactive layer as the target mask area, thereby avoiding the interactive information from being transmitted to the first interactive layer, so as to achieve interaction only in the second interactive layer, that is, only drawing operations.

[0086] In this embodiment, when creating an image, a container (ItemContainer) can be created in the second interaction layer to achieve the drawing of any graphics. In other words, since all specific graphics inherit from a base class (ItemBase) for graphics drawing, a container containing the base class can be created and configured, and then the transformation and adjustment of different graphics can be achieved based on the base class in the graphics container. That is, some basic operations of various graphics are achieved through the graphics container (ItemContainer): such as creation, deletion, movement, scaling, rotation and other operations.

[0087] In the specific implementation process of this embodiment, a graphic editing window (ItemEditor) for filling shape color and border color can also be configured for the target container. That is, by configuring a graphic editing window (ItemEditor) for the target container, the filling color and border color of the shape can be controlled based on the graphic editing window, and even the conversion between some graphics of the same type (such as converting a square into a five-pointed star and a straight line into an arrow) can be controlled.

[0088] Specifically, Figure 4 As shown, the graphics creation process in this embodiment is as follows:

[0089] Step 1, responding to the user's selection operation of creating a target image, determining the target image object;

[0090] Step 2: determine whether the target image is a predetermined picture type; if it is a picture type, execute step 3; if it is not a picture type, execute step 4;

[0091] Step 3: determine whether the target image object selected by the user is legal, if not, then end; if legal, then execute step 4;

[0092] Step 4: Adjust the target mask area to the area corresponding to the second interactive layer;

[0093] In this step, by setting the target mask area to the area corresponding to the second interaction layer, it is possible to interact only with the second interaction layer, that is, the interaction information cannot be transmitted to the first interaction layer, and drawing operations can only be performed in the second interaction layer, thereby clearing the mask effect.

[0094] Step 5: Create a container;

[0095] Step 6: Initialize the item according to the image type;

[0096] Step 7: The user moves the mouse to initialize;

[0097] Step 8: Call the drawing method of the container to draw the graphics;

[0098] The graphics in this step are image objects;

[0099] Step 9: The user releases the mouse to complete the creation of the target image object;

[0100] Step 10: Based on the areas corresponding to the containers / image objects in the second interaction layer, a target mask area where the interactive information cannot be transparently transmitted is set, and a non-target area is set to a state where the interactive information can be transparently transmitted.

[0101] In this step, after the image creation is completed, the containers in the second interactive layer can be traversed to determine and adjust the target mask area in real time. That is, after the drawing operation is completed, the target mask area can be re-determined based on the area corresponding to each current image object in the second interactive layer. In other words, when the user releases the mouse, the second interactive layer / drawing window ShapeWidge can re-determine the target area corresponding to each current image object, and then merge the target areas to determine the target mask area, and set the target mask area to a non-transparent interactive information state, and set the non-target area to a transparent interactive information state, thereby realizing the setting of the window mask.

[0102] Based on the above embodiment, another embodiment of the present application provides an interactive device, such as Figure 5 As shown, including:

[0103] A display module 11, configured to display a second interaction layer on an upper layer of the first interaction layer, wherein the second interaction layer includes at least one image object;

[0104] A setting module 12 is used to set a target mask area that cannot transparently transmit interactive information based on the area corresponding to the image object in the second interactive layer; wherein the non-target mask area in the second interactive layer can transparently transmit interactive information;

[0105] The interaction module 13 is used to respond to the interaction information in the second interaction layer to perform a drawing operation based on the position relationship between the interaction position of the received interaction information and the eye mask area, or to transmit the interaction information to the first interaction layer so that the first interaction layer responds to the interaction information to perform a non-drawing interaction operation.

[0106] In the specific implementation process of this embodiment, the display module is specifically used to: create a drawing class in the target application in advance; and display the second interaction layer on the upper layer of the first interaction layer displayed by the target application based on the drawing class.

[0107] During the specific implementation of this embodiment, the display module is specifically used to: pre-create a drawing class in the electronic device where the target application is located; based on the drawing class, display the second interaction layer on the top layer of the main screen area displayed by the electronic device, so as to display the second interaction layer on the upper layer of the first interaction layer displayed by the target application.

[0108] In the specific implementation process of this embodiment, the interaction module is specifically used for:

[0109] When the interaction position of the interaction information is within the target mask area, responding to the interaction information in the second interaction layer to perform a drawing operation;

[0110] When the interaction position of the interaction information is outside the target mask area, the interaction information is transparently transmitted to the first interaction layer, and the interaction information is responded to in the first interaction layer to perform an interaction operation with the interaction object of the first interaction layer.

[0111] In the specific implementation process of this embodiment, the interactive device also includes an image creation module, which is used to

[0112] Based on the received image creation instruction, the target mask area is adjusted to the area corresponding to the second interaction layer, and a target container is created in the second interaction layer, wherein the target container is configured with a base class;

[0113] A target image object is drawn based on the target container.

[0114] In the specific implementation process of this embodiment, the interaction module is specifically used for:

[0115] Based on the interaction position of the interaction information, maintaining the selected state of the first image selected in the second interaction layer;

[0116] Alternatively, based on the interaction position of the interaction information, the selected first image object in the second interaction layer is switched from a selected state to an unselected state, and the currently selected second image object is determined, and a number of control points of the second image object are displayed;

[0117] Alternatively, based on the interaction position of the interaction information, the currently selected second image object is directly determined, and a plurality of control points of the second image object are displayed.

[0118] In the specific implementation process of this embodiment, after displaying several control points of the second image object, the setting module is further used to: set the area corresponding to the second interactive layer as the current target mask area to adjust the target mask area.

[0119] In the specific implementation process of this embodiment, after the drawing operation is completed, the setting module is further used to: redetermine the target mask area based on the area corresponding to each current image object in the second interactive layer.

[0120] The interactive device in this embodiment displays a second interactive layer for drawing on an upper layer of an upper layer of a first interactive layer, and then sets a target mask area in which interactive information cannot be transparently transmitted according to an area corresponding to an image object in the second interactive layer. The non-target mask area outside the target mask area in the first interactive layer can be used to transparently transmit interactive information. Subsequently, the interactive information can be responded to in the second interactive layer to perform drawing operations according to the positional relationship between the interactive position of the interactive information and the target mask area, or the interactive information can be transparently transmitted to the first interactive layer so that the first interactive layer receives the interactive information and responds accordingly. This enables both drawing in the second interactive layer and interaction with the first interactive layer, without the need for repeated switching of interactive pages / interactive layers, thereby improving the interaction efficiency.

[0121] Another embodiment of the present application provides a storage medium, wherein the storage medium stores a computer program, and when the computer program is executed by a processor, the following method steps are implemented:

[0122] Step 1: Displaying a second interactive layer on the upper layer of the first interactive layer, wherein the second interactive layer includes at least one image object;

[0123] Step 2: Based on the area corresponding to the image object in the second interactive layer, a target mask area where interactive information cannot be transparently transmitted is set; wherein the non-target mask area in the second interactive layer can transparently transmit interactive information;

[0124] Step three: based on the positional relationship between the interaction position of the received interaction information and the eye mask area, respond to the interaction information in the second interaction layer to perform a drawing operation, or transmit the interaction information to the first interaction layer so that the first interaction layer responds to the interaction information to perform a non-drawing interaction operation.

[0125] The specific implementation process of the above method steps can refer to the embodiments of any of the above interaction methods, and this embodiment will not be repeated here.

[0126] The storage medium in the present application displays a second interactive layer for drawing on an upper layer of an upper layer of a first interactive layer, and then sets a target mask area in which interactive information cannot be transparently transmitted according to an area corresponding to an image object in the second interactive layer. The non-target mask area outside the target mask area in the first interactive layer can be used to transparently transmit interactive information. Subsequently, the interactive information can be responded to in the second interactive layer to perform drawing operations according to the positional relationship between the interactive position of the interactive information and the target mask area, or the interactive information can be transparently transmitted to the first interactive layer so that the first interactive layer receives the interactive information and responds accordingly, thereby achieving the goal of both drawing in the second interactive layer and interacting with the first interactive layer.

[0127] Another embodiment of the present application provides an electronic device, such as Figure 6 As shown, at least a memory 1 and a processor 2 are included, the memory 1 stores a computer program, and the processor 2 implements the following method steps when executing the computer program on the memory 1:

[0128] Step 1: Displaying a second interactive layer on the upper layer of the first interactive layer, wherein the second interactive layer includes at least one image object;

[0129] Step 2: Based on the area corresponding to the image object in the second interactive layer, a target mask area where interactive information cannot be transparently transmitted is set; wherein the non-target mask area in the second interactive layer can transparently transmit interactive information;

[0130] Step three: based on the positional relationship between the interaction position of the received interaction information and the eye mask area, respond to the interaction information in the second interaction layer to perform a drawing operation, or transmit the interaction information to the first interaction layer so that the first interaction layer responds to the interaction information to perform a non-drawing interaction operation.

[0131] The specific implementation process of the above method steps can refer to the embodiments of any of the above interaction methods, and this embodiment will not be repeated here.

[0132] The electronic device in the present application displays a second interactive layer for drawing on an upper layer of an upper layer of a first interactive layer, and then sets a target mask area in which interactive information cannot be transparently transmitted according to an area corresponding to an image object in the second interactive layer. The non-target mask area outside the target mask area in the first interactive layer can be used to transparently transmit interactive information. Subsequently, the interactive information can be responded to in the second interactive layer to perform drawing operations according to the positional relationship between the interactive position of the interactive information and the target mask area, or the interactive information can be transparently transmitted to the first interactive layer so that the first interactive layer receives the interactive information and responds accordingly, thereby achieving the goal of both drawing in the second interactive layer and interacting with the first interactive layer.

[0133] The above embodiments are only exemplary embodiments of the present application and are not intended to limit the present application. The protection scope of the present application is defined by the claims. Those skilled in the art may make various modifications or equivalent substitutions to the present application within the essence and protection scope of the present application, and such modifications or equivalent substitutions shall also be deemed to fall within the protection scope of the present application.

Claims

1. An interactive method, characterized in that: include: Displaying a second interactive layer on the upper layer of the first interactive layer, wherein the second interactive layer includes at least one image object; Based on the area corresponding to the image object in the second interactive layer, a target mask area in which interactive information cannot be transparently transmitted is set; wherein the non-target mask area in the second interactive layer can transparently transmit interactive information; Based on the positional relationship between the interaction position of the received interaction information and the eye mask area, respond to the interaction information in the second interaction layer to perform a drawing operation, or transmit the interaction information to the first interaction layer so that the first interaction layer responds to the interaction information to perform a non-drawing interaction operation.

2. The method according to claim 1, characterized in that The displaying of the second interaction layer on the first interaction layer specifically includes: Create a drawing class in the target application in advance; The second interaction layer is displayed on an upper layer of the first interaction layer displayed by the target application based on the drawing class.

3. The method according to claim 1, characterized in that The displaying the second interaction layer on the first interaction layer specifically includes: Pre-create a drawing class in the electronic device where the target application is located; The second interaction layer is displayed on a top layer of a main screen area displayed by the electronic device based on the drawing class, so as to display the second interaction layer on an upper layer of a first interaction layer displayed by a target application.

4. The method according to any one of claims 1 to 3, characterized in that: The step of responding to the interaction information in the second interaction layer to perform a drawing operation based on the positional relationship between the interaction position of the received interaction information and the eye mask area, or transparently transmitting the interaction information to the first interaction layer, and responding to the interaction information in the first interaction layer to perform an interaction operation with an interaction object of the first interaction layer, specifically includes: When the interaction position of the interaction information is within the target mask area, responding to the interaction information in the second interaction layer to perform a drawing operation; When the interaction position of the interaction information is outside the target mask area, the interaction information is transparently transmitted to the first interaction layer, and the interaction information is responded to in the first interaction layer to perform an interaction operation with the interaction object of the first interaction layer.

5. The method according to claim 1, characterized in that The method further comprises: Based on the received image creation instruction, the target mask area is adjusted to the area corresponding to the second interaction layer, and a target container is created in the second interaction layer, wherein the target container is configured with a base class; A target image object is drawn based on the target container.

6. The method according to claim 1, characterized in that The responding to the interactive information in the second interactive layer to perform the drawing operation specifically includes: Based on the interaction position of the interaction information, maintaining the selected state of the first image selected in the second interaction layer; Alternatively, based on the interaction position of the interaction information, the selected first image object in the second interaction layer is switched from a selected state to an unselected state, and the currently selected second image object is determined, and a number of control points of the second image object are displayed; Alternatively, based on the interaction position of the interaction information, the currently selected second image object is directly determined, and a plurality of control points of the second image object are displayed.

7. The method according to claim 6, characterized in that After displaying the plurality of control points of the second image object, the method further includes: The area corresponding to the second interactive layer is set as the current target mask area to adjust the target mask area.

8. The method according to claim 1, characterized in that After completing the drawing operation, the method further includes: The target mask area is re-determined based on the area corresponding to each current image object in the second interaction layer.

9. An interactive device, characterized in that: include: A display module, configured to display a second interaction layer on an upper layer of the first interaction layer, wherein the second interaction layer includes at least one image object; A setting module, used for setting a target mask area that cannot transparently transmit interactive information based on an area corresponding to an image object in the second interactive layer; wherein the non-target mask area in the second interactive layer can transparently transmit interactive information; An interaction module is used to respond to the interaction information in the second interaction layer to perform a drawing operation based on the position relationship between the interaction position of the received interaction information and the eye mask area, or to transparently transmit the interaction information to the first interaction layer so that the first interaction layer responds to the interaction information to perform a non-drawing interaction operation.

10. A storage medium, characterized in that: The storage medium stores a computer program, and when the computer program is executed by a processor, the steps of the interaction method described in any one of claims 1 to 7 are implemented.

Images