Method and device for penetratively selecting layer and displaying layer contour

The method and device enable efficient layer management by penetrating and outlining selected layers, addressing occlusion and hidden layer issues to enhance design experience and efficiency.

CN119107383APending Publication Date: 2024-12-10BEIJING CHUANGZUOMEIHAO TECH CO LTD
View PDF 0 Cites 0 Cited by

Patent Information

Application Number
CN202411178932.5
Authority / Receiving Office
CN · China
Patent Type
Applications(China)
Current Assignee / Owner
Filing Date
2024-08-27
Publication Date
2024-12-10

AI Technical Summary

Technical Problem

Designers face challenges in efficiently managing and viewing overlapping and hidden layers in design drafts, leading to performance issues and cluttered designs due to occlusion and forgotten hidden layers.

Method used

A method and device that allows penetrating selected layers to display their outlines, hiding fill colors and special effects, and displaying layers as wireframes, enabling efficient layer management and visibility.

Benefits of technology

Improves design efficiency and clarity by allowing designers to easily view and interact with overlapping and hidden layers, reducing performance impact and design clutter.

✦ Generated by Eureka AI based on patent content.

Smart Images

  • Figure CN119107383A_ABST
    Figure CN119107383A_ABST
Patent Text Reader

Abstract

The invention discloses a method and device for penetrable selection of a layer and display of a layer contour, and the method comprises the steps: responding to a contour display operation of the layer in a canvas page in design software, the contour display operation comprising a layer contour display operation and a layer hiding operation; when the operation of displaying the image layer contour is executed, directly penetrating through a selected image layer in the canvas page, or penetrating through and displaying all image layers in the canvas page; wherein the filling color, the stroking effect and the special effect of each layer are hidden, and the layers are displayed in the canvas page in a wireframe mode; when the operation including the hidden layer is executed, the hidden layer displays a contour line frame including the hidden layer. When multiple layers are overlapped and shielded in a design draft, the method can directly penetrate through the selected layer or all the layers, so that the design experience and efficiency are improved.
Need to check novelty before this filing date? Find Prior Art

Description

Technical Field

[0001] The present invention relates to the technical field of software design, and in particular to a method and a device capable of penetrating a selected layer and displaying the outline of the layer. Background Art

[0002] When drawing a design, designers often need to repeatedly adjust the layers in the design draft to optimize the design details. However, the layers in the design draft are stacked and combined together, and there will inevitably be overlapping and occlusion of multiple layers. Once overlap and occlusion between layers occur, designers will not be able to efficiently select the layers that are occluded and overlapped. When the layer occlusion is serious, the layers below are all blocked, making it impossible for designers to view the overlapping and occluded layers, and thus unable to manage the layers in the design draft.

[0003] In addition, when designers are drawing designs, they often hide some layers that are not used temporarily. However, it is easy to forget the existence of a hidden layer once it has been hidden for a long time. Because the layer is hidden in the canvas, it cannot be seen. This usually leads to the existence of many invisible and hidden redundant layers in the design draft. These redundant layers affect the performance of the tool and the neatness of the design draft.

[0004] To solve the above problems, the present invention develops a method and device that can penetrate the selected layer and display the layer outline, so that the designer can directly penetrate the selected layer or penetrate and display all layers, thereby improving the design experience and efficiency. Summary of the invention

[0005] In view of the above problems, a method and device are proposed that can penetrate a selected layer and display the outline of the layer, so that designers can perform rotation operations more efficiently and accurately.

[0006] According to one aspect of the present invention, a method for penetrating a selected layer and displaying a layer outline is provided, comprising:

[0007] In a canvas page in a design software, in response to an outline display operation of a layer, wherein the outline display operation includes an operation of displaying a layer outline and an operation of hiding a layer;

[0008] When the display layer outline operation is executed, the selected layer in the canvas page is directly penetrated, or all layers in the canvas page are displayed through the penetration; wherein each layer hides its fill color, stroke effect and special effect, and is displayed in the canvas page in the form of a wireframe;

[0009] When the operation including hiding a layer is performed, the hidden layer resumes displaying the fill color, stroke effect, and special effect, and continues to maintain its hidden state.

[0010] In an optional manner, when performing the operation of displaying the layer outline, the method further includes:

[0011] The entity outline in the canvas page is displayed in the form of a solid line;

[0012] The non-solid outline in the canvas page is displayed in the form of a dotted line;

[0013] The preset layers in the canvas page are displayed in the form of colored solid lines.

[0014] In an optional manner, the entity outline includes but is not limited to shapes and paths, image edges, and area containers;

[0015] The non-solid outlines include but are not limited to groups and stroke thickness outlines;

[0016] The preset layers include but are not limited to mask layers and component instance layers.

[0017] In an optional manner, the types of the layers include but are not limited to: shapes, text and expressions, strokes, containers, areas, paths, groups, static images, dynamic images, masks, cut frames, connecting lines, comments, component sets, Booleans, and grids.

[0018] In an optional manner, when the display layer outline operation is performed, for the components and instances in the layer, a UI display consistent with that of a non-componentized layer is maintained;

[0019] The dotted line parts of the component and the instance remain unchanged, and only the solid line parts are changed to the color of the component; and the interactive color of the layer within the component is set to the color of the component.

[0020] In an optional manner, when the display layer outline operation is executed, the user-defined background color of the canvas page is invalid, and the system default background color is used.

[0021] In an optional manner, when the interactive UI is displayed for each of the layers, the effect of the layer remains unchanged;

[0022] If the layer is text, the outline path of the text is displayed.

[0023] In an optional manner, when performing the operation of displaying the layer outline, the method further includes:

[0024] If the edge contours of the layers completely overlap, the top layer is selected according to the order of the layers; if the edge contours of the layers do not completely overlap, the order of the layers is ignored and any selected layer is directly penetrated;

[0025] When the cursor hovers over the layer or selects the layer, the outer contour of the layer changes color to indicate the state of the current layer.

[0026] In an optional manner, the method further includes:

[0027] All layers in the canvas page are displayed in staggered layers in a three-dimensional space, and each layer is marked with a different serial number or color for distinction.

[0028] According to another aspect of the present application, a device capable of penetrating a selected layer and displaying a layer outline is provided, comprising:

[0029] A response module, used for responding to an outline display operation of a layer in a canvas page in a design software, wherein the outline display operation includes an operation of displaying a layer outline and an operation of hiding a layer;

[0030] A penetration module, used for directly penetrating the selected layer in the canvas page when executing the display layer outline operation, or penetrating and displaying all layers in the canvas page; wherein each layer hides its fill color, stroke effect and special effect, and is displayed in the canvas page in the form of a wireframe;

[0031] The recovery module is used for displaying the outline frame of the hidden layer on the hidden layer when the operation of including the hidden layer is performed.

[0032] The solution provided by the above embodiment of the present invention is that in the canvas page of the design software, in response to the outline display operation of the layer, the outline display operation includes the display layer outline operation and the hidden layer operation; when the display layer outline operation is performed, the selected layer in the canvas page is directly penetrated, or all layers in the canvas page are displayed through the operation; wherein each layer hides its fill color, stroke effect and special effect, and is displayed in the canvas page in the form of a wireframe; when the hidden layer operation is performed, the hidden layer displays the outline wireframe including the hidden layer. When there are multiple layers overlapping and blocking in the design draft, the present invention can directly penetrate the selected layer or penetrate and display all layers, thereby improving the design experience and efficiency.

[0033] 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 description 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

[0034] 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:

[0035] Figure 1 A schematic flow chart of a method for penetrating a selected layer and displaying a layer outline according to an embodiment of the present invention is shown;

[0036] Figure 2a to Figure 2b A schematic diagram showing a method of starting the outline display operation according to an embodiment of the present invention is shown;

[0037] Figure 3a to Figure 3c A schematic diagram showing the contour display effects of various types of layers in an embodiment of the present invention is shown;

[0038] Figure 4 A functional structure diagram of a method and device capable of penetrating a selected layer and displaying the outline of the layer according to an embodiment of the present invention is shown. DETAILED DESCRIPTION

[0039] The exemplary embodiments of the present invention will be described in more detail below with reference to the accompanying drawings. Although the exemplary embodiments of the present invention are shown in the accompanying drawings, it should be understood that the present invention can be implemented in various forms and should not be limited by the embodiments set forth herein. On the contrary, these embodiments are provided in order to enable a more thorough understanding of the present invention and to enable the scope of the present invention to be fully communicated to those skilled in the art.

[0040] Before implementing the embodiments of the present invention, the technical terms or custom terms involved below are uniformly explained here:

[0041] Components: They allow the UI to be divided into independent, reusable parts. In practical applications, components are often organized into a nested tree structure.

[0042] Instance: An instance is a specific reference to a component. What the user drags from the component list or copies and pastes from a component is an "instance" rather than the component itself.

[0043] The method and device for penetrating a selected layer and displaying the outline of the layer proposed by the present invention are described in detail below through specific embodiments.

[0044] Embodiment 1:

[0045] Figure 1 The functional structure diagram of the method for penetrating a selected layer and displaying the outline of the layer according to an embodiment of the present invention is shown. Figure 1 As shown, the following steps are included:

[0046] Step S101, in a canvas page in a design software, responding to an outline display operation of a layer, wherein the outline display operation includes an operation of displaying a layer outline and an operation of hiding a layer.

[0047] In this embodiment, Figure 2a to Figure 2b As shown, in the view drop-down menu in the upper right corner of the canvas or the view menu in the upper left corner of the canvas, add the entry to open the display layer outline. Among them, the outline display operation includes the display layer outline operation and the hidden layer operation, which allows designers to directly penetrate the upper blocking layer to select when the layers overlap and block, if they select the lower layer; when the layers are completely overlapped and blocked, they can penetrate to view the blocked layer; at the same time, when there may be hidden layers in the design draft, designers can see the hidden layers in the design draft.

[0048] Step S102, when executing the display layer outline operation, directly penetrate the selected layer in the canvas page, or penetrate and display all layers in the canvas page; wherein each layer hides its fill color, stroke effect and special effect, and is displayed in the canvas page in the form of a wireframe.

[0049] In this embodiment, the layer manager stores the layer properties of each layer (such as visibility, type, fill color, stroke effect, special effects, etc.). When the "show layer outline" function is triggered, the hidden layers are displayed, but only the outline of each layer is retained with a constant thickness, and all fill colors, stroke effects and special effects are removed to keep the view simple. Among them, it is only effective for design elements, not for non-design elements. The display style of layers of the same type is consistent, and different types of states or elements are displayed separately (the classification should be easy to understand, and the number of classifications should be as small as possible).

[0050] In an optional manner, when performing the operation of displaying the layer outline, the method further includes:

[0051] The entity outline in the canvas page is displayed in the form of a solid line;

[0052] The non-solid outline in the canvas page is displayed in the form of a dotted line;

[0053] The preset layers in the canvas page are displayed in the form of colored solid lines.

[0054] In this embodiment, Figure 3a to Figure 3cAs shown, the types of layers include but are not limited to: shapes (such as rectangles, circles, etc.), text and emoticons (layers containing text content and emoticons), strokes, containers, regions, paths, groups, static images, dynamic images, masks (mask layers used to hide or display specific parts), cut boxes, connecting lines, comments, component sets, Booleans (such as generating new shapes through unions and intersections), and grids. Among them, dotted lines represent non-entity outlines in the canvas; solid lines represent entity outlines in the canvas; colored solid lines represent special layers. Entity outlines include but are not limited to shapes and paths, image edges, and region containers; non-entity outlines include but are not limited to groups and stroke thickness outlines; preset layers include but are not limited to mask layers and component instance layers.

[0055] In an optional manner, when the display layer outline operation is performed, for the components and instances in the layer, a UI display consistent with that of a non-componentized layer is maintained;

[0056] The dotted line parts of the component and the instance remain unchanged, and only the solid line parts are changed to the color of the component; and the interactive color of the layer within the component is set to the color of the component.

[0057] For example, for components and instances in a layer, to maintain the same UI display as non-componentized layers, only the solid line part will be changed to the component's purple color, and the dotted line part will remain unchanged, to visually distinguish the component from other non-componentized layers and clearly indicate the component's boundaries. For interactions (hover, selected) within the component layer, the display effect is changed to the component's purple color to maintain visual consistency during the interaction process.

[0058] In an optional manner, when the display layer outline operation is executed, the user-defined background color of the canvas page is invalid, and the system default background color is used to reduce visual interference and make the layer outline more prominent.

[0059] In an optional manner, when the interactive UI is displayed for each of the layers, the effect of the layer remains unchanged;

[0060] If the layer is text, the outline path of the text is displayed.

[0061] In this embodiment, in the interaction (hover, selected) including locked layers or obscured layers, displaying the outline is only an efficient viewing method. In addition to making the selected interaction more flexible, it does not affect any editing operations of the layer (such as continuing to draw in the view with the outline displayed), with the exception of text. When interacting with text (hover, selected), the outline path of the text must be additionally displayed.

[0062] In an optional manner, when performing the operation of displaying the layer outline, the method further includes:

[0063] If the edge contours of the layers completely overlap, the top layer is selected according to the order of the layers; if the edge contours of the layers do not completely overlap, the order of the layers is ignored and any selected layer is directly penetrated;

[0064] When the cursor hovers over the layer or selects the layer, the outer contour of the layer changes color to indicate the state of the current layer.

[0065] In this embodiment, if the edge contours of two or more layers completely overlap (i.e., the bounding boxes completely overlap), the order of the layers determines which layer is the top layer, and the top layer is displayed in a highlighted or bold manner. If the edge contours of the layers do not completely overlap, the display and interaction of these layers are not restricted by the order of the layers, and the user can directly penetrate any selected layer to view or operate the layer below it. When the cursor hovers over a layer, the outer contour of the layer indicates its current state through color changes to quickly identify the layer currently pointed to by the cursor. When the user selects a layer, the outer contour of the layer is distinguished from other unselected layers by color changes. Among them, all visible layers in the canvas can be interacted with (hover state, selected state), including locked layers and hidden layers.

[0066] In an optional manner, the method further includes:

[0067] All layers in the canvas page are displayed in staggered layers in a three-dimensional space, and each layer is marked with a different serial number or color for distinction.

[0068] For example, by creating a virtual 3D space, each layer on the canvas page is mapped to a different plane in the 3D space (such as a horizontal, vertical or inclined plane), and by adjusting the Z-axis position (i.e., depth) of the layer in the 3D space, the layer can be displayed in different layers. A serial number is marked next to or above each layer in the 3D space to indicate the order of the layers in the canvas page, or different colors are assigned to different layers to quickly identify different layers.

[0069] Step S103, when the operation of including hiding a layer is executed, the hidden layer displays a contour frame including the hidden layer.

[0070] In this embodiment, when the operation of hiding a layer is performed, the hidden layer displays an outline frame including the hidden layer, but does not display the fill color and special effects of the hidden layer.

[0071] The solution provided by the above embodiment of the present invention is that in the canvas page of the design software, in response to the outline display operation of the layer, the outline display operation includes the display layer outline operation and the hidden layer operation; when the display layer outline operation is performed, the selected layer in the canvas page is directly penetrated, or all layers in the canvas page are displayed through the operation; wherein each layer hides its fill color, stroke effect and special effect, and is displayed in the canvas page in the form of a wireframe; when the hidden layer operation is performed, the hidden layer displays the outline wireframe including the hidden layer. When there are multiple layers overlapping and blocking in the design draft, the present invention can directly penetrate the selected layer or penetrate and display all layers, thereby improving the design experience and efficiency.

[0072] Embodiment 2:

[0073] Figure 4 The functional structure diagram of the device provided in the embodiment of the present application is shown. Figure 4 As shown, the device comprises:

[0074] A response module 401 is used to respond to an outline display operation of a layer in a canvas page in a design software, wherein the outline display operation includes an operation of displaying a layer outline and an operation of hiding a layer;

[0075] A penetration module 402 is used for directly penetrating the selected layer in the canvas page when performing the display layer outline operation, or penetrating and displaying all layers in the canvas page; wherein each layer hides its fill color, stroke effect and special effect, and is displayed in the canvas page in the form of a wireframe;

[0076] The recovery module 403 is used to display the outline frame of the hidden layer on the hidden layer when the operation of including hiding the layer is performed.

[0077] In an optional manner, the penetration module 402 is further configured to:

[0078] The entity outline in the canvas page is displayed in the form of a solid line;

[0079] The non-solid outline in the canvas page is displayed in the form of a dotted line;

[0080] The preset layers in the canvas page are displayed in the form of colored solid lines.

[0081] In an optional manner, the entity outline includes but is not limited to shapes and paths, image edges, and area containers;

[0082] The non-solid outlines include but are not limited to groups and stroke thickness outlines;

[0083] The preset layers include but are not limited to mask layers and component instance layers.

[0084] In an optional manner, the types of the layers include but are not limited to: shapes, text and expressions, strokes, containers, areas, paths, groups, static images, dynamic images, masks, cut frames, connecting lines, comments, component sets, Booleans, and grids.

[0085] In an optional manner, the penetration module 402 is further configured to:

[0086] When the display layer outline operation is performed, for the components and instances in the layer, a UI display consistent with that of the non-componentized layer is maintained;

[0087] The dotted line parts of the component and the instance remain unchanged, and only the solid line parts are changed to the color of the component; and the interactive color of the layer within the component is set to the color of the component.

[0088] In an optional manner, the penetration module 402 is further configured to:

[0089] When the display layer outline operation is executed, the user-defined background color of the canvas page becomes invalid and the system default background color is used.

[0090] In an optional manner, the penetration module 402 is further configured to:

[0091] When the interactive UI is displayed for each of the layers, the effect of the layer remains unchanged;

[0092] If the layer is text, the outline path of the text is displayed.

[0093] In an optional manner, the penetration module 402 is further configured to:

[0094] When the operation of displaying the layer outline is performed, if the edge outlines of the layers completely overlap, the top layer is selected according to the order of the layers; if the edge outlines of the layers do not completely overlap, the order of the layers is ignored and any selected layer is directly penetrated;

[0095] When the cursor hovers over the layer or selects the layer, the outer contour of the layer changes color to indicate the state of the current layer.

[0096] In an optional manner, the penetration module 402 is further configured to:

[0097] All layers in the canvas page are displayed in staggered layers in a three-dimensional space, and each layer is marked with a different serial number or color for distinction.

[0098] The solution provided by the above embodiment of the present invention is that in the canvas page of the design software, in response to the outline display operation of the layer, the outline display operation includes the display layer outline operation and the hidden layer operation; when the display layer outline operation is performed, the selected layer in the canvas page is directly penetrated, or all layers in the canvas page are displayed through the operation; wherein each layer hides its fill color, stroke effect and special effect, and is displayed in the canvas page in the form of a wireframe; when the hidden layer operation is performed, the hidden layer displays the outline wireframe including the hidden layer. When there are multiple layers overlapping and blocking in the design draft, the present invention can directly penetrate the selected layer or penetrate and display all layers, thereby improving the design experience and efficiency.

[0099] The algorithm or display provided herein is not inherently related to any particular computer, virtual system or other equipment. Various general purpose systems can also be used together with the teachings based on this. According to the above description, it is obvious to construct the structure required for this type of system. In addition, the embodiment of the present invention is not directed to any specific programming language yet. It should be understood that various programming languages ​​can be utilized to realize the content of the present invention described herein, and the description made to specific languages ​​above is for disclosing the best mode of the present invention.

[0100] In the description provided herein, a large number of specific details are described. However, it is understood that embodiments of the present invention can be practiced without these specific details. In some instances, well-known methods, structures and techniques are not shown in detail so as not to obscure the understanding of this description.

[0101] Similarly, it should be understood that in order to streamline the present invention and aid in understanding one or more of the various inventive aspects, in the above description of exemplary embodiments of the present invention, the various features of the embodiments of the present invention are sometimes grouped together into a single embodiment, figure, or description thereof. However, this disclosed method should not be interpreted as reflecting the following intention: that the claimed invention requires more features than the features explicitly recited in each claim. More specifically, as reflected in the claims below, inventive aspects lie in less than all the features of the individual embodiments disclosed above. Therefore, the claims that follow the specific embodiment are hereby expressly incorporated into the specific embodiment, with each claim itself serving as a separate embodiment of the present invention.

[0102] Those skilled in the art will appreciate that the modules in the devices in the embodiments may be adaptively changed and arranged in one or more devices different from the embodiments. The modules or units or components in the embodiments may be combined into one module or unit or component, and in addition they may be divided into a plurality of submodules or subunits or subcomponents. Except that at least some of such features and / or processes or units are mutually exclusive, all features disclosed in this specification (including the accompanying claims, abstracts and drawings) and all processes or units of any method or device disclosed in this manner may be combined in any combination. Unless otherwise expressly stated, each feature disclosed in this specification (including the accompanying claims, abstracts and drawings) may be replaced by an alternative feature providing the same, equivalent or similar purpose.

[0103] In addition, those skilled in the art will appreciate that, although some embodiments herein include certain features included in other embodiments but not other features, the combination of features of different embodiments is meant to be within the scope of the present invention and form different embodiments. For example, in the claims below, any one of the claimed embodiments may be used in any combination.

[0104] The various component embodiments of the present invention can be implemented in hardware, or in software modules running on one or more processors, or in a combination thereof. It should be understood by those skilled in the art that a microprocessor or digital signal processor (DSP) can be used in practice to implement some or all functions of some or all components according to embodiments of the present invention. The present invention can also be implemented as a device or apparatus program (e.g., computer program and computer program product) for executing part or all of the methods described herein. Such a program implementing the present invention can be stored on a computer-readable medium, or can have the form of one or more signals. Such a signal can be downloaded from an Internet website, or provided on a carrier signal, or provided in any other form.

[0105] It should be noted that the above embodiments illustrate the present invention rather than limit it, and that those skilled in the art may devise alternative embodiments without departing from the scope of the appended claims. In the claims, any reference symbol between brackets shall not be construed as a limitation on the claims. The word "comprising" does not exclude the presence of elements or steps not listed in the claims. The word "one" or "an" preceding an element does not exclude the presence of a plurality of such elements. The present invention may be implemented by means of hardware comprising a number of different elements and by means of a suitably programmed computer. In a unit claim enumerating a number of devices, several of these devices may be embodied by the same hardware item. The use of the words first, second, and third, etc. does not indicate any order. These words may be interpreted as names. The steps in the above embodiments, unless otherwise specified, should not be understood as limitations on the order of execution.

Claims

1. A method for penetrating a selected layer and displaying the outline of the layer, characterized in that: include: In a canvas page in a design software, in response to an outline display operation of a layer, wherein the outline display operation includes an operation of displaying a layer outline and an operation of hiding a layer; When the display layer outline operation is executed, the selected layer in the canvas page is directly penetrated, or all layers in the canvas page are displayed through the penetration; wherein each layer hides its fill color, stroke effect and special effect, and is displayed in the canvas page in the form of a wireframe; When the operation of including hidden layers is executed, the hidden layers are displayed with an outline frame including the hidden layers.

2. The method for penetrating a selected layer and displaying the outline of the layer according to claim 1, characterized in that: When performing the operation of displaying the layer outline, the method further includes: The entity outline in the canvas page is displayed in the form of a solid line; The non-solid outline in the canvas page is displayed in the form of a dotted line; The preset layers in the canvas page are displayed in the form of colored solid lines.

3. The method for penetrating a selected layer and displaying the outline of the layer according to claim 2, characterized in that: The entity outline includes but is not limited to shapes and paths, image edges, and area containers; The non-solid outlines include but are not limited to groups and stroke thickness outlines; The preset layers include but are not limited to mask layers and component instance layers.

4. The method for penetrating a selected layer and displaying the outline of the layer according to any one of claims 1 to 3, characterized in that: The types of layers include but are not limited to: shapes, text and expressions, strokes, containers, areas, paths, groups, static images, dynamic images, masks, cutting boxes, connecting lines, comments, component sets, Booleans, and grids.

5. The method for penetrating a selected layer and displaying the outline of the layer according to claim 2, characterized in that: When the display layer outline operation is performed, for the components and instances in the layer, a UI display consistent with that of the non-componentized layer is maintained; The dotted line parts of the component and the instance remain unchanged, and only the solid line parts are changed to the color of the component; and the interactive color of the layer within the component is set to the color of the component.

6. The method for penetrating a selected layer and displaying the outline of the layer according to claim 1, characterized in that: When the display layer outline operation is executed, the user-defined background color of the canvas page becomes invalid and the system default background color is used.

7. The method for penetrating a selected layer and displaying the outline of the layer according to claim 4, characterized in that: When the interactive UI is displayed for each of the layers, the effect of the layer remains unchanged; If the layer is text, the outline path of the text is displayed.

8. The method for penetrating a selected layer and displaying the outline of the layer according to claim 4, characterized in that: When performing the operation of displaying the layer outline, the method further includes: If the edge contours of the layers completely overlap, the top layer is selected according to the order of the layers; if the edge contours of the layers do not completely overlap, the order of the layers is ignored and any selected layer is directly penetrated; When the cursor hovers over the layer or selects the layer, the outer contour of the layer changes color to indicate the state of the current layer.

9. The method for penetrating a selected layer and displaying the outline of the layer according to claim 1, characterized in that: The method further comprises: All layers in the canvas page are displayed in staggered layers in a three-dimensional space, and each layer is marked with a different serial number or color for distinction.

10. A device capable of penetrating a selected layer and displaying the outline of the layer, characterized in that: include: A response module, used for responding to an outline display operation of a layer in a canvas page in a design software, wherein the outline display operation includes an operation of displaying a layer outline and an operation of hiding a layer; A penetration module, used for directly penetrating the selected layer in the canvas page when executing the display layer outline operation, or penetrating and displaying all layers in the canvas page; wherein each layer hides its fill color, stroke effect and special effect, and is displayed in the canvas page in the form of a wireframe; The recovery module is used for displaying the outline frame of the hidden layer on the hidden layer when the operation of including the hidden layer is performed.