Display device and editing method of fill pattern

Abstract

The application provides a display device and a filling figure editing method. After receiving an erasing instruction input by a user, a part where an initial filling figure and an erasing area corresponding to the erasing instruction coincide is hidden, then an area after the hiding operation is displayed, all contour lines of a remaining part after the erasing processing are obtained by setting contour lines of the hidden area in the initial filling figure as contour lines of the remaining part, then all contour lines of the remaining part and an internal area formed around the contour lines are displayed, and then each filling area after the erasing operation is obtained. Through editing such as moving, rotating and enlarging the contour lines of each filling area, the filling is performed after the editing, and thus the separate editing of each filling area after the erasing operation is realized.

Description

Technical Field

[0001] This application relates to the field of display technology, and in particular to a display device and a method for editing filled graphics. Background Technology

[0002] Smart TVs are television products based on Internet application technology, featuring open operating systems and chips, and possessing open application platforms. They enable two-way human-computer interaction and integrate multiple functions such as audio-visual entertainment and data processing to meet diverse and personalized user needs. Touchscreen components can be integrated into the display screen of a smart TV, forming a touchscreen. Users can input control commands through the touchscreen in various application scenarios. For example, in educational and meeting settings, users can use the smart TV for electronic whiteboard or drawing board presentations and fill in closed shapes using the touchscreen.

[0003] A certain amount of fill content can be filled into the initial graphic to obtain a filled graphic. Then, the filled graphic can be erased using the erase control. The erase control moves to form a certain erase area. Thus, the initial graphic is on the first layer, the fill content is on the second layer, and the erase area is on the third layer. The graphic retained after the erase operation using the erase control includes the retained fill content. In the prior art, the retained fill content cannot be edited separately. Summary of the Invention

[0004] This application provides a display device and a method for editing filled graphics to solve the technical problem that it is impossible to edit the filled content retained after an erasure operation separately.

[0005] To address the aforementioned technical problems, the embodiments of this application disclose the following technical solutions:

[0006] In a first aspect, embodiments of this application disclose a display device, the display device comprising:

[0007] monitor;

[0008] The touch component is configured to detect the touch trajectory of user input;

[0009] The controller is configured to:

[0010] Receive erase command input from user;

[0011] In response to the erase command, obtain the erase area corresponding to the erase command;

[0012] Hide the portion of the initial fill graphic that overlaps with the erased area;

[0013] Displays the remaining portion of the initial filled image after it has been hidden;

[0014] Set the outline of the hidden area within the initial filled shape as the outline of the remaining portion;

[0015] The remaining portion displays the outlines of each part and the filled areas formed by the outlines.

[0016] Secondly, embodiments of this application disclose a method for editing filled graphics, the method comprising:

[0017] Receive erase command input from user;

[0018] In response to the erase command, obtain the erase area corresponding to the erase command;

[0019] Hide the portion of the initial fill graphic that overlaps with the erased area;

[0020] Displays the remaining portion of the initial filled image after it has been hidden;

[0021] Set the outline of the hidden area within the initial filled shape as the outline of the remaining portion;

[0022] The remaining portion displays the outlines of each part and the filled areas formed by the outlines.

[0023] Compared with the prior art, the beneficial effects of this application are as follows:

[0024] This application provides a display device and a method for editing a filled graphic. After receiving an erase command input by a user, the overlapping portion of the initial filled graphic and the erase area corresponding to the erase command is hidden. Then, the area after the hidden operation is displayed. By setting the outline of the hidden area within the initial filled graphic as the outline of the remaining part, all the outlines of the remaining part after the erase process are obtained. Then, all the outlines of the remaining part and the internal area formed around the outlines are displayed, thereby obtaining each filled area after the erase operation. By moving, rotating, enlarging, etc., the outlines of each filled area are edited, and then filled again, thereby realizing the individual editing of each filled area after the erase operation. Attached Figure Description

[0025] To more clearly illustrate the technical solution of this application, the drawings used in the embodiments will be briefly introduced below. Obviously, for those skilled in the art, other drawings can be obtained based on these drawings without creative effort.

[0026] Figure 1 The diagram illustrates an operational scenario between a display device and a control device according to some embodiments;

[0027] Figure 2 The diagram illustrates, by way of example, a hardware configuration block diagram of a control device 100 according to some embodiments;

[0028] Figure 3 The diagram illustrates, by way of example, a hardware configuration block diagram of a display device 200 according to some embodiments;

[0029] Figure 4 The diagram illustrates, by way of example, a software configuration schematic of a display device 200 according to some embodiments;

[0030] Figure 5 The image above exemplarily illustrates a scenario in a display device 200 according to some embodiments, showing the movement of a filled graphic.

[0031] Figure 6 The image above exemplarily illustrates a scene in a display device 200 according to some embodiments where a filled graphic is scaled;

[0032] Figure 7 The image above exemplarily illustrates a scenario in a display device 200 according to some embodiments where a filled graphic is rotated;

[0033] Figure 8 The image above exemplarily illustrates a scenario in a display device 200 according to some embodiments where a filled graphic is erased;

[0034] Figure 9 The image above exemplarily illustrates a scenario in a display device 200 according to some embodiments where a filled graphic is erased;

[0035] Figure 10 The image above exemplarily illustrates a scenario in a display device 200 according to some embodiments where a filled graphic is erased;

[0036] Figure 11 The image above exemplarily illustrates a scenario in a display device 200 according to some embodiments where a filled graphic is erased;

[0037] Figure 12 The image above exemplarily illustrates a scenario in a display device 200 according to some embodiments where a filled graphic is erased;

[0038] Figure 13 The image above exemplarily illustrates a scenario in a display device 200 according to some embodiments where a filled graphic is erased;

[0039] Figure 14 The image above exemplarily illustrates a scenario in a display device 200 according to some embodiments where a filled graphic is erased;

[0040] Figure 15 The image above exemplifies a scenario in a display device 200 according to some embodiments, where a filled graphic is erased. Detailed Implementation

[0041] To make the objectives and implementation methods of this application clearer, the exemplary implementation methods of this application will be clearly and completely described below with reference to the accompanying drawings of the exemplary embodiments of this application. Obviously, the exemplary embodiments described are only some embodiments of this application, and not all embodiments.

[0042] It should be noted that the brief descriptions of terms in this application are only for the convenience of understanding the embodiments described below, and are not intended to limit the embodiments of this application. Unless otherwise stated, these terms should be understood in their ordinary and common meaning.

[0043] The terms "first," "second," "third," etc., used in the specification, claims, and accompanying drawings of this application are used to distinguish similar or related objects or entities, and do not necessarily imply a specific order or sequence, unless otherwise specified. It should be understood that such terms are interchangeable where appropriate.

[0044] The terms “comprising” and “having”, and any variations thereof, are intended to cover but not exclude inclusion, for example, a product or device that includes a range of components is not necessarily limited to all of the components that are clearly listed, but may include other components that are not clearly listed or that are inherent to such product or device.

[0045] The term "module" refers to any known or subsequently developed hardware, software, firmware, artificial intelligence, fuzzy logic, or combination of hardware and / or software code that is capable of performing the functions associated with that element.

[0046] Figure 1 This is a schematic diagram illustrating the operational scenario between the display device and the control unit according to the embodiment. Figure 1 As shown, the user can operate the display device 200 through the smart device 300 or the control device 100.

[0047] In some embodiments, the control device 100 may be a remote control. Communication between the remote control and the display device includes infrared protocol communication, Bluetooth protocol communication, and other short-range communication methods, controlling the display device 200 wirelessly or via wired means. Users can control the display device 200 by inputting user commands through buttons on the remote control, voice input, control panel input, etc.

[0048] In some embodiments, a smart device 300 (such as a mobile terminal, tablet computer, computer, laptop computer, etc.) may also be used to control the display device 200. For example, an application running on the smart device may be used to control the display device 200.

[0049] In some embodiments, the display device 200 can also be controlled in ways other than the control device 100 and the smart device 300. For example, it can be controlled by directly receiving the user's voice commands through a module configured inside the display device 200 for acquiring voice commands, or it can be controlled by receiving the user's voice commands through a voice control device set outside the display device 200.

[0050] In some embodiments, the display device 200 also communicates with the server 400. The display device 200 may communicate via a local area network (LAN), wireless local area network (WLAN), and other networks. The server 400 may provide various content and interactive features to the display device 200. The server 400 may be a cluster or multiple clusters, and may include one or more types of servers.

[0051] Figure 2 An exemplary block diagram of the configuration of the control device 100 according to an exemplary embodiment is shown. Figure 2 As shown, the control device 100 includes a controller 110, a communication interface 130, a user input / output interface 140, a memory, and a power supply. The control device 100 can receive user input operation commands and convert the operation commands into commands that the display device 200 can recognize and respond to, thus acting as an intermediary for interaction between the user and the display device 200.

[0052] Figure 3 A hardware configuration block diagram of a display device 200 according to an exemplary embodiment is shown.

[0053] In some embodiments, the display device 200 includes at least one of a tuner 210, a communicator 220, a detector 230, an external device interface 240, a controller 250, a display 260, an audio output interface 270, a memory, a power supply, and a user interface.

[0054] In some embodiments, the controller includes a processor, a video processor, an audio processor, a graphics processor, RAM, ROM, and a first interface to an nth interface for input / output.

[0055] In some embodiments, the display 260 includes a display screen component for presenting an image, a driving component for driving image display, a component for receiving image signals from the controller output, and a user control UI interface for displaying video content, image content, menu control interface, and user control UI interface.

[0056] In some embodiments, the display 260 may be a liquid crystal display, an OLED display, or a projection display, and may also be a projection device and a projection screen.

[0057] In some embodiments, the communicator 220 is a component used to communicate with external devices or servers according to various communication protocol types. For example, the communicator may include at least one of a Wi-Fi module, a Bluetooth module, a wired Ethernet module, other network communication protocol chips or near-field communication protocol chips, and an infrared receiver. The display device 200 can establish the transmission and reception of control signals and data signals with the external control device 100 or the server 400 through the communicator 220.

[0058] In some embodiments, the user interface can be used to receive control signals from the control device 100 (e.g., an infrared remote control).

[0059] In some embodiments, detector 230 is used to acquire signals from the external environment or to interact with the outside world. For example, detector 230 includes a light receiver, a sensor for acquiring ambient light intensity; or, detector 230 includes an image acquisition device, such as a camera, which can be used to acquire external environmental scenes, user attributes, or user interaction gestures; or, detector 230 includes a sound acquisition device, such as a microphone, for receiving external sounds.

[0060] In some embodiments, the external device interface 240 may include, but is not limited to, one or more interfaces such as: High Definition Multimedia Interface (HDMI), analog or data high-definition component input interface (component), composite video input interface (CVBS), USB input interface (USB), RGB port, etc. It may also be a composite input / output interface formed by multiple interfaces mentioned above.

[0061] In some embodiments, the tuner 210 receives broadcast television signals via wired or wireless reception and demodulates audio and video signals, such as EPG data signals, from a plurality of wireless or wired broadcast television signals.

[0062] In some embodiments, the controller 250 and the tuner 210 may be located in different separate devices, that is, the tuner 210 may also be located in an external device of the main device where the controller 250 is located, such as an external set-top box.

[0063] In some embodiments, the controller 250 controls the operation of the display device and responds to user operations via various software control programs stored in memory. The controller 250 controls the overall operation of the display device 200. For example, in response to receiving a user command to select a UI object to display on the display 260, the controller 250 can perform operations related to the object selected by the user command.

[0064] In some embodiments, the object can be any of the optional objects, such as a hyperlink, an icon, or other operable controls. Operations related to the selected object include: displaying links to hyperlinked pages, documents, images, etc., or performing operations corresponding to the program associated with the icon.

[0065] In some embodiments, the controller includes at least one of a central processing unit (CPU), a video processor, an audio processor, a graphics processing unit (GPU), RAM (random access memory), ROM (read-only memory), a first to an nth interface for input / output, a communication bus, etc.

[0066] In some embodiments, the user can input user commands through a graphical user interface (GUI) displayed on the display 260, and the user input interface receives the user input commands through the GUI. Alternatively, the user can input user commands by inputting specific sounds or gestures, and the user input interface receives the user input commands by recognizing the sounds or gestures through sensors.

[0067] In some embodiments, a "user interface" is the medium through which an application or operating system interacts and exchanges information with a user, converting information between its internal form and a form acceptable to the user. A common form of user interface is the graphical user interface (GUI), which refers to a user interface related to computer operation displayed graphically. It can be an icon, window, control, or other interface element displayed on the screen of an electronic device. Controls can include visual interface elements such as icons, buttons, menus, tabs, text boxes, dialog boxes, status bars, navigation bars, and widgets.

[0068] See Figure 4In some embodiments, the system is divided into four layers, from top to bottom: the Applications layer (referred to as the "Application Layer"), the Application Framework layer (referred to as the "Framework Layer"), the Android runtime and system library layer (referred to as the "System Runtime Layer"), and the kernel layer.

[0069] In some embodiments, at least one application runs in the application layer. These applications may be Windows programs, system settings programs, or clock programs that come with the operating system; they may also be applications developed by third-party developers. In specific implementations, the application packages in the application layer are not limited to the examples above.

[0070] The framework layer provides application programming interfaces (APIs) and a programming framework for applications. The application framework layer includes predefined functions. It acts as a central processing unit, determining the actions taken by applications within the application layer. Through the API, applications can access system resources and obtain system services during execution.

[0071] like Figure 4 As shown, the application framework layer in this embodiment includes managers, content providers, etc., wherein the managers include at least one of the following modules: ActivityManager, which interacts with all activities running in the system; LocationManager, which provides access to system location services for system services or applications; PackageManager, which retrieves various information related to application packages currently installed on the device; NotificationManager, which controls the display and clearing of notification messages; and WindowManager, which manages icons, windows, toolbars, wallpapers, and desktop widgets on the user interface.

[0072] In some embodiments, the display 260 in the display device 200 is configured to display a user interface, images, text, video, etc., and the controller 250 in the display device 200 is used to provide the user interface, images, text, video, etc. to the display 260. The controller 250 or the control device 100 can control the fixing component, thereby realizing the rotation of the display device 200 through the fixing component, so that the display device 200 can switch between landscape and portrait modes.

[0073] In some embodiments, the fixing component is fixed to the back of the display 260 and is used to fix it to the wall. The fixing component receives control from the controller 250 or the control device 100 to rotate the display 260 in a vertical plane, so that the display 260 is in different screen states. The screen states include a landscape state and a portrait state. The landscape state refers to the state in which the horizontal length of the display 260 is greater than its vertical length when viewed from the front. The portrait state refers to the state in which the horizontal length of the display 260 is less than its vertical length when viewed from the front. In this application, "vertical" means approximately vertical.

[0074] In some embodiments, the display device 200 can support touch interaction functions by adding a touch component. Typically, the touch component can be combined with the display 260 to form a touch screen. On the touch screen, users can input different control commands through touch operations. For example, users can input touch commands such as click, swipe, long press, double click, etc., and different touch commands can represent different control functions.

[0075] To achieve the different touch actions described above, the touch component can generate different electrical signals when the user inputs different touch actions, and send the generated electrical signals to the controller 250. The controller 250 can extract features from the received electrical signals, and then determine the control function to be executed by the user based on the extracted features.

[0076] For example, when a user taps any application icon in the application interface, the touch component senses the touch and generates an electrical signal. Upon receiving the signal, the controller 250 first determines the duration of the touch signal's corresponding voltage level. If the duration is less than a preset time threshold, it identifies the user's input as a tap command. The controller 250 then extracts the positional features of the generated electrical signal to determine the touch location. When the touch location is within the application icon's display area, it is determined that the user has input a tap command at the application icon location. Accordingly, the tap command is used to execute the function of running the corresponding application in the current scenario, thus the controller 250 can launch and run the corresponding application.

[0077] For example, when a user inputs a swipe gesture on the media asset display page, the touch component also sends the sensed electrical signal to the controller 250. The controller 250 first determines the duration of the signal corresponding to the touch gesture in the electrical signal. If the duration is greater than a preset time threshold, it then determines the positional change of the signal. Obviously, for interactive touch gestures, the position of the signal will change, thus determining that the user has input a swipe touch command. The controller 250 then determines the swiping direction of the swipe touch command based on the change in the position of the signal, and controls the page to be turned on the media asset display page to display more media asset options. Furthermore, the controller 250 can also extract features such as the swiping speed and swiping distance of the swipe touch command, and control the page turning according to the extracted features to achieve a responsive effect.

[0078] Similarly, for touch commands such as double-tap and long-press, the controller 250 can extract different features and determine the type of touch command based on these features, then execute the corresponding control function according to preset interaction rules. In some embodiments, the touch component also supports multi-touch, allowing users to input touch actions on the touchscreen using multiple fingers, such as multi-finger taps, multi-finger long presses, and multi-finger swipes.

[0079] The aforementioned touch actions can also be combined with specific applications to achieve specific functions. For example, when a user opens the "Paintboard" application, the display 260 can display a drawing area. The user can draw specific touch action trajectories in the drawing area by sliding touch commands. The controller 250 then determines the touch action pattern based on the touch action detected by the touch component and controls the display 260 to display it in real time to meet the demonstration effect.

[0080] In some embodiments, users can install touch applications such as drawing boards on a display device. Within the touch interface of this application, users can perform operations such as writing and drawing lines. The display device can generate touch trajectories based on the user's touch actions to achieve the function of drawing board demonstrations or entertainment. It should be noted that the display device in this application refers not only to smart TVs but also to computers, tablets, etc.

[0081] Smart TVs are television products based on Internet application technology, featuring open operating systems and chips, and possessing open application platforms. They enable two-way human-computer interaction and integrate multiple functions such as audio-visual entertainment and data processing to meet diverse and personalized user needs. Touchscreen components can be integrated into the display screen of a smart TV, forming a touchscreen. Users can input control commands through the touchscreen in various application scenarios. For example, in educational and meeting settings, users can use the smart TV for electronic whiteboard or drawing board presentations and fill in closed shapes using the touchscreen.

[0082] In some embodiments, Figure 5 The diagram illustrates the process of moving the fill region within a filled graphic. To the left of the arrow is the extraction of the fill region's outline. The specific method for extracting the outline is well-known to those skilled in the art and will not be elaborated here. Then, the outline is moved; the dashed line represents the outline of the fill region, which includes the fill regions of convex, concave, and ring-shaped graphics. This transforms the movement of the fill region into the movement of the outline. After moving the outline, the closed area formed by the outline is then filled, using the original color of the fill image. The result after filling is as follows. Figure 5 The attached diagram to the right of the middle arrow is shown.

[0083] In some embodiments, Figure 6 The diagram illustrates the process of scaling the fill area in a filled graphic. To the left of the arrow is: extracting the outline of the fill area and then scaling the outline. The dashed line represents the outline of the fill area, which includes the fill areas of convex, concave, and ring-shaped graphics. This converts scaling the fill area into moving the outline. After scaling the outline, the closed area formed by the outline is then filled, using the original color of the fill image.

[0084] The effect after filling is as follows Figure 6 The attached diagram to the right of the middle arrow is shown.

[0085] In some embodiments, Figure 7 The diagram illustrates the process of rotating the fill region in a filled graphic. To the left of the arrow is: extracting the outline of the fill region and then rotating the outline. The dashed line represents the outline of the fill region, which includes the fill regions of convex, concave, and ring-shaped graphics. This converts the rotation of the fill region into a rotation of the outline. After rotating the outline, the closed area formed by the outline is then filled, using the original color of the fill image.

[0086] The effect after filling is as follows Figure 7 The attached diagram to the right of the middle arrow is shown.

[0087] A certain amount of fill content can be filled into the initial graphic to obtain a filled graphic. Then, the filled graphic can be erased using the erase control. The erase control moves to form a certain erase area. Thus, the initial graphic is on the first layer, the fill content is on the second layer, and the erase area is on the third layer. The graphic retained after the erase operation using the erase control includes the retained fill content. In the prior art, the retained fill content cannot be edited separately.

[0088] In some embodiments, a user input erase command is received, and in response to the erase command, the erase area corresponding to the erase command is obtained, the overlapping part of the initial fill graphic and the erase area is hidden, the remaining part after the initial fill image is hidden is displayed, the outline of the hidden area within the initial fill graphic is set as the outline of the remaining part, and each outline of the remaining part and the internal area surrounding each outline are displayed.

[0089] In some embodiments, the graphic type of the initial fill graphic is determined based on the graphic characteristics of the initial fill graphic, and the graphic type includes convex graphic, concave graphic, and ring graphic.

[0090] In some embodiments, when the initial filled shape is a convex or concave shape, setting the outline of the hidden region within the initial filled shape as the outline of the remaining portion includes:

[0091] Determine the number of unclosed regions;

[0092] If the number of unclosed regions is 0, then the outline of the hidden region within the initial filled shape is set as the first outline, and the outline of the initial filled shape is set as the second outline.

[0093] If the number of unclosed regions is 1, then the outline of the hidden region within the initial filled shape is spliced ​​with the outline of the unclosed region and set as the final outline.

[0094] If the number of unclosed regions is 2, then the outline of the hidden region within the initial filled graphic is spliced ​​with the outline of the unclosed region and set as the first outline and the second outline, respectively.

[0095] In some embodiments, when the initial filled shape is a ring shape, setting the outline of the hidden region within the initial filled shape as the outline of the remaining portion includes:

[0096] Determine the number of unclosed regions;

[0097] If the number of unclosed regions is 1, then the outline of the hidden region within the initial filled shape is spliced ​​with the outline of the unclosed region and set as the final outline.

[0098] If the number of unclosed regions is 2, then the outline of the hidden region within the initial filled graphic is spliced ​​with the outline of the unclosed region and set as the first outline and the second outline, respectively.

[0099] If the number of unclosed areas is 0, then determine whether the hidden area overlaps with the unfilled area of ​​the annular graph;

[0100] If the hidden region does not overlap with the unfilled region of the ring chart, then the outline of the hidden region within the initial filled pattern is set as an independent outline.

[0101] If the number of unclosed areas is 0, and the hidden area overlaps with the unfilled area of ​​the annular graph, then the covered area is hidden;

[0102] After the unfilled area of ​​the ring diagram is hidden, the outline of the remaining part is spliced ​​with the outline of the hidden area to obtain a new outline.

[0103] In some embodiments, the outlines displaying the remaining portion and the internal regions surrounding the outlines include:

[0104] The current contour line is determined to be an inner contour line or an outer contour line based on whether the internal region formed by the current contour line is within the internal region formed by another contour line.

[0105] The inner contour line, the internal region formed by the inner contour line, the outer contour line, and the back region formed by the outer contour line constitute the remaining part including the contour line after erasure.

[0106] Edit the remaining portion containing the outline after erasing, and then fill it in.

[0107] In conjunction with the above, the display device provided in this application, upon receiving an erase command input by a user, hides the portion where the initial fill graphic and the erase area corresponding to the erase command overlap, and then displays the area after the hidden operation. By setting the outline of the hidden area within the initial fill graphic as the outline of the remaining part, all outlines of the remaining part after the erase process are obtained. Then, all outlines of the remaining part and the internal area formed around the outlines are displayed, thereby obtaining each fill area after the erase operation. By moving, rotating, enlarging, and other editing operations on the outlines of each fill area, and then filling again after editing, individual editing of each fill area after the erase operation is achieved.

[0108] The erasure process described above will be explained in detail below with reference to the accompanying drawings.

[0109] In some embodiments, Figure 8 An example of erasure is shown. In the attached diagram to the left of the arrow, 1 represents the filled area before erasure, and 2 represents the erasure area. At this time, the erasure area and the filled area partially intersect. The image to the right of the arrow shows the result after erasure.

[0110] Specifically Figure 8In the example, the graphic features are used to determine whether it is a convex or concave graphic. The overlapping part of the initial fill graphic and the erased area is hidden, and the remaining part of the initial fill image after being hidden is displayed. Then, the number of unclosed areas is determined. If the number of unclosed areas is 1, the outline of the hidden area in the initial fill graphic is spliced ​​with the outline of the unclosed area and set as the final outline c. The fill area A is obtained based on the outline c. The outline c of the fill area A is edited separately before filling. The separate editing includes moving, scaling and rotating.

[0111] In some embodiments, Figure 9 Another example of erasure is shown. In the attached diagram on the left, 1 represents the filled area before erasure, and 2 represents the erasure area. In this case, the erasure area extends through the filled area. The right side of the arrow shows the effect after erasure.

[0112] Specifically Figure 9 In the example, the graphic features are used to determine whether it is a convex or concave graphic. The overlapping part of the initial fill graphic and the erased area is hidden, and the remaining part of the initial fill image after being hidden is displayed. Then, the number of unclosed areas is determined. The unclosed areas are identified, and the outlines of the hidden areas within the initial fill graphic are spliced ​​with the outlines of the unclosed areas and set as the first outline c and the second outline d, respectively. The fill areas corresponding to the first outline c and the second outline d are A and B, respectively. The outline c of the fill area A can be edited separately before filling, and the separate editing includes moving, scaling, and rotating. The outline d of the fill area B can be edited separately before filling, and the separate editing includes moving, scaling, and rotating.

[0113] In some embodiments, Figure 10 Another example of erasure is shown. In the attached diagram on the left, 1 represents the filled area before erasure, and 2 represents the erasure area. In this case, the erasure area is inside the filled area. The right side of the arrow shows the effect after erasure.

[0114] Specifically Figure 10In the example, the graphic features are used to determine whether it is a convex or concave shape. The overlapping part of the initial fill graphic and the erased area is hidden, and the remaining part of the initial fill image after being hidden is displayed. Then, the number of unclosed areas is determined. The outline of the hidden area within the initial fill graphic is set as the first outline d, and the outline of the initial fill graphic is set as the second outline c. Then, the internal region A corresponding to outline c is obtained, and the internal region B corresponding to outline d is obtained. It is then determined that region B is within region A, indicating that the outline d corresponding to region B is the inner outline, and the outline c corresponding to region A is the outer outline. Then, regions A and B are formed into an erased ring shape, with region A being the corresponding fill area. Region A can be edited separately before being filled.

[0115] The following is combined Figure 11 , Figure 12 , Figure 13 , Figure 14 and Figure 15 The erasure of the ring diagram will be explained in detail.

[0116] In some embodiments, Figure 11 An example of erasing a ring diagram is shown. In the attached diagram on the left, 1 represents the filled area before erasing, and 2 represents the erasing area. At this time, the erasing area and the filled area partially intersect. The right side of the arrow shows the effect after erasing.

[0117] Specifically Figure 11 In the example, the image is identified as a ring shape based on its graphic features. The overlapping part of the initial fill graphic and the erased area is hidden, and the remaining part of the initial fill image after being hidden is displayed. Then, the number of unclosed areas is determined. If the number of unclosed areas is 1, the outline of the hidden area within the initial fill graphic is spliced ​​with the outline of the unclosed area and set as outline c. The original outlines a and b of the ring shape are identified. Then, the internal area B corresponding to outline a, the internal area C corresponding to outline b, and the internal area A corresponding to outline c are obtained. It is then determined that area B is within area A, area C is within area A, area B is not within area C, and area C is not within area B. Therefore, outline c is determined to be the outer outline, and outlines b and c are the inner outlines. Thus, areas A, B, and C form the erased ring shape, and area A is the corresponding fill area. Area A can be edited separately and then filled.

[0118] In some embodiments, Figure 12 Another example of erasing a ring diagram is shown. In the attached diagram on the left, 1 represents the filled area before erasing, and 2 represents the erasing area. In this case, the erasing area runs through the filled area. The right side of the arrow shows the effect after erasing.

[0119] Specifically Figure 12In the example, the image is identified as a ring shape based on its graphic features. The overlapping portion of the initial fill image and the erased area is hidden, and the remaining part of the initial fill image after being hidden is displayed. Then, the number of unclosed areas is determined, and it is found to be 2. The outlines of the hidden areas within the initial fill image are concatenated with the outlines of the unclosed areas and set as the first outline c and the second outline d, respectively. The original outlines a, b, and c are identified, and then the internal region B corresponding to outline a, the internal region C corresponding to outline b, the internal region A corresponding to outline c, and the internal region D corresponding to outline d are obtained. Finally, the area is determined. Regions A and D are not in other regions, while regions B and C are in region A. Therefore, the parent ID of regions A and D is -1. The parent ID of regions B and C is the outline c of region A. The outline c corresponding to region A is the outer outline, and the outline d corresponding to region D is also the outer outline. The outlines a and b corresponding to regions B and C are the inner outlines of the outer outline c. The two inner outlines form an array of inner outlines corresponding to the outer outline c. Thus, regions A, B, C, and D form a ring diagram after erasure. Regions A and D are the corresponding filled regions. Region A can be edited separately before filling, and region D can be edited separately before filling.

[0120] In some embodiments, Figure 13 Another example of erasing a ring diagram is shown. In the attached diagram on the left, 1 represents the filled area before erasing, and 2 represents the erasing area. In this case, the erasing area runs through the filled area. The right side of the arrow shows the effect after erasing.

[0121] Specifically Figure 13 In the example, the graphic features are used to determine that it is a ring shape. The overlapping part of the initial filled graphic and the erased area is hidden, and the remaining part after the initial filled image is hidden is displayed. Then, the number of unclosed areas is determined. If the number of unclosed areas is 0, it is determined whether the hidden area overlaps with the unfilled area of ​​the ring shape.

[0122] If the hidden area does not overlap with the unfilled area of ​​the ring chart, the outline of the hidden area within the initial filled graphic is set as an independent outline d. The original outlines a, b, and c are identified, and then the internal area B corresponding to outline a, the internal area C corresponding to outline b, the internal area A corresponding to outline c, and the internal area D corresponding to outline d are obtained. It is then determined that area A is not in other areas, and areas B, C, and D are all in area A. Therefore, the parent ID of area A is -1, and the parent IDs corresponding to areas B, C, and D are all outlines c of area A. The outline c corresponding to area A is the outer outline, and the outlines a, b, and d corresponding to areas B, C, and D are the inner outlines of the outer outline c. The three inner outlines form an array of inner outlines of the outer outline c. Thus, areas A, B, C, and D form an erased ring chart, and area A is the corresponding filled area. Area A can be edited separately and then filled.

[0123] In some embodiments, Figure 14 Another example of erasing a ring diagram is shown. In the attached diagram on the left, 1 represents the filled area before erasing, and 2 represents the erasing area. In this case, the erasing area runs through the filled area. The right side of the arrow shows the effect after erasing.

[0124] Specifically Figure 14 In the example, based on graphic features, it is determined to be a ring shape. The overlapping part of the initial filled graphic and the erased area is hidden, and the remaining part of the initial filled image after being hidden is displayed. Then, the number of unclosed areas is determined. If the number of unclosed areas is 0, it is determined whether the hidden area overlaps with the unfilled area of ​​the ring shape. If the hidden area overlaps with the unfilled area of ​​the ring shape, the overlapping area is hidden. The outline of the remaining part of the unfilled area of ​​the ring shape after being hidden is spliced ​​with the outline of the hidden area to obtain a new outline b. The original obtained outlines a and c are identified, and then the outline is obtained. The inner region B corresponds to 'a', the inner region C corresponds to 'b', and the inner region A corresponds to 'c'. Therefore, region A is not in any other region, while regions B and C are within region A. Thus, the parent ID of region A is -1. The parent IDs of regions B and C are both 'c', the outline of region A. Therefore, the outline c corresponding to region A is the outer outline. The outlines a and b corresponding to regions B and C are the inner outlines of the outer outline c. The two inner outlines form an array of inner outlines. Thus, regions A, B, and C form a ring diagram after erasure. Region A is the corresponding filled region, and region A can be edited separately before being filled.

[0125] In some embodiments, Figure 15Another example of erasing a ring diagram is shown. In the attached diagram on the left, 1 represents the filled area before erasing, and 2 represents the erasing area. In this case, the erasing area runs through the filled area. The right side of the arrow shows the effect after erasing.

[0126] Specifically Figure 15 In the example, the image is identified as a ring shape based on its graphic features. The overlapping part of the initial filled image and the erased area is hidden, and the remaining part after the initial filled image is hidden is displayed. Then, the number of unclosed areas is determined. If the number of unclosed areas is 0, it is determined whether the hidden area overlaps with the unfilled area of ​​the ring shape. If the hidden area overlaps with the unfilled area of ​​the ring shape, the overlapping area is hidden. The outline of the remaining part of the unfilled area of ​​the ring shape after being hidden is spliced ​​with the outline of the hidden area to obtain a new outline 'a'. The original outline 'c' is identified, and then the internal area B corresponding to outline 'a' and the internal area A corresponding to outline 'c' are obtained. It is then determined that area A is not in area B, and area B is in area A. Therefore, the parent ID of area A is -1, and the parent ID of area B is the outline 'c' of area A. So, the outline 'c' corresponding to area A is the outer outline, and the outline 'a' corresponding to area B is the inner outline of the outer outline 'c'. Thus, areas A and B form an erased ring shape, and area A is the corresponding filled area. Area A can be edited separately and then filled again.

[0127] The display device provided in this application, upon receiving an erase command input by a user, hides the portion where the initial fill graphic and the erase area corresponding to the erase command overlap, and then displays the area after the hidden operation. By setting the outline of the hidden area within the initial fill graphic as the outline of the remaining part, all outlines of the remaining part after the erase process are obtained. Then, all outlines of the remaining part and the internal area formed around the outlines are displayed, thereby obtaining each fill area after the erase operation. By moving, rotating, enlarging, and other editing operations on the outlines of each fill area, and then filling again, individual editing of each fill area after the erase operation is achieved.

[0128] The above embodiments of this application do not constitute a limitation on the scope of protection of this application.

Claims

1. A display device, characterized by comprising: The display device includes: monitor; The touch component is configured to detect the touch trajectory of user input; The controller is configured to: Receive erase command input from user; In response to the erase command, obtain the erase area corresponding to the erase command; The overlapping portion of the initial fill graphic and the erased area is hidden; the graphic of the initial fill graphic is located in the first layer, the fill content of the initial fill graphic is located in the second layer, and the erased area is located in the third layer; Display the remaining portion after the initial filled graphic is hidden; the remaining portion includes at least one closed region, the at least one closed region includes an outline and an inner region enclosed by the outline, the inner region includes a filled region, or a filled region and a non-filled region; the non-filled region is the region located within the filled region; wherein, the parent ID of the filled region is a preset value, and the parent ID of the non-filled region is the outline ID of the filled region it is located in; When the user inputs an instruction to edit the at least one closed region individually, the outline of the at least one closed region is edited individually; a fill region with the preset value as the parent ID is filled, but the inner region with the outline as the parent ID is not filled; wherein, the individual editing includes one or more of moving, scaling, or rotating; The process of determining the contour line includes: The outline of the hidden region within the initial filled shape is set as the outline of the remaining unclosed region of the initial filled shape, so that the remaining unclosed region of the initial filled shape becomes at least one closed region.

2. The display device of claim 1, wherein, The controller is further configured to set the outline of the hidden region within the initial filled shape as the outline of the remaining unclosed region of the initial filled shape, so that the remaining unclosed region of the initial filled shape becomes at least one closed region, and to: The graphic type of the initial filled graphic is determined based on its graphic characteristics, and the graphic type includes convex graphic, concave graphic, and ring graphic.

3. The display device of claim 2, wherein, When the initial filled shape is a convex or concave shape, the outline of the hidden region within the initial filled shape is set as the outline of the remaining unclosed region of the initial filled shape, so that the remaining unclosed region of the initial filled shape becomes at least one closed region, including: Determine the number of unclosed regions; If the number of unclosed regions is 0, then the outline of the hidden region within the initial filled shape is set as the first outline, and the outline of the initial filled shape is set as the second outline. If the number of unclosed regions is 1, then the outline of the hidden region within the initial filled graphic is spliced ​​with the outline of the unclosed region and set as the final outline. If the number of unclosed regions is 2, then the outline of the hidden region within the initial filled graphic is spliced ​​with the outline of the unclosed region and set as the first outline and the second outline, respectively.

4. The display device of claim 2, wherein, When the initial filled shape is a ring shape, the outline of the hidden area within the initial filled shape is set as the outline of the remaining unclosed area of ​​the initial filled shape, so that the remaining unclosed area of ​​the initial filled shape becomes at least one closed area, including: Determine the number of unclosed regions; If the number of unclosed regions is 1, then the outline of the hidden region within the initial filled graphic is spliced ​​with the outline of the unclosed region and set as the outline. If the number of unclosed regions is 2, then the outline of the hidden region within the initial filled graphic is spliced ​​with the outline of the unclosed region and set as the first outline and the second outline, respectively.

5. The display device of claim 4, wherein, When the initial filled shape is a ring shape, setting the outline of the hidden area within the initial filled shape as the outline of the remaining unclosed area of ​​the initial filled shape, so that the remaining unclosed area of ​​the initial filled shape becomes at least one closed area, further includes: If the number of unclosed regions is 0, then determine whether the hidden region overlaps with the unfilled region of the annular graph; If the hidden region does not overlap with the unfilled region of the annular graph, then the outline of the hidden region within the initial filled graphic is set as an independent outline.

6. The display device of claim 5, wherein, When the initial filled shape is a ring shape, setting the outline of the hidden area within the initial filled shape as the outline of the remaining unclosed area of ​​the initial filled shape, so that the remaining unclosed area of ​​the initial filled shape becomes at least one closed area, further includes: If the number of unclosed regions is 0, and the hidden region overlaps with the unfilled region of the annular graph, then the overlapping region is hidden; After the unfilled area of ​​the annular graph is hidden, the outline of the remaining part is spliced ​​with the outline of the hidden area to obtain a new outline.

7. The display device of claim 1, wherein, In the portion of the display showing the area after the initial filled graphic has been hidden, the controller is configured to: The current contour line is determined to be an inner contour line or an outer contour line based on whether the internal region formed by the current contour line is within the internal region formed by another contour line. The inner contour line, the internal region formed by the inner contour line, the outer contour line, and the internal region formed by the outer contour line constitute the remaining part including the contour line after erasure; Edit the remaining portion containing the outline after erasing, and then fill it in.

8. An editing method of a filled figure, characterized by, include: Receive erase command input from user; In response to the erase command, obtain the erase area corresponding to the erase command; Hide the portion of the initial fill graphic that overlaps with the erased area; The initial fill graphic is located in the first layer, the fill content of the initial fill graphic is located in the second layer, and the erased area is located in the third layer; Display the remaining portion after the initial filled graphic is hidden; the remaining portion includes at least one closed region, the at least one closed region includes an outline and an inner region enclosed by the outline, the inner region includes a filled region, or a filled region and a non-filled region; the non-filled region is the region located within the filled region; wherein, the parent ID of the filled region is a preset value, and the parent ID of the non-filled region is the outline ID of the filled region it is located in; When the user inputs an instruction to edit the at least one closed region individually, the outline of the at least one closed region is edited individually; a fill region with the preset value as the parent ID is filled, but the inner region with the outline as the parent ID is not filled; wherein, the individual editing includes one or more of moving, scaling, or rotating; The process of determining the contour line includes: The outline of the hidden region within the initial filled shape is set as the outline of the remaining unclosed region of the initial filled shape, so that the remaining unclosed region of the initial filled shape becomes at least one closed region.

9. The editing method of a filled graph according to claim 8, wherein, Setting the outline of the hidden region within the initial filled shape as the outline of the remaining unclosed region of the initial filled shape, so that the remaining unclosed region of the initial filled shape becomes at least one closed region, includes: When the initial filled shape is a convex or concave shape, determine the number of unclosed regions; If the number of unclosed regions is 0, then the outline of the hidden region within the initial filled shape is set as the first outline, and the outline of the initial filled shape is set as the second outline. If the number of unclosed regions is 1, then the outline of the hidden region within the initial filled graphic is spliced ​​with the outline of the unclosed region and set as the final outline. If the number of unclosed regions is 2, then the outline of the hidden region within the initial filled graphic is spliced ​​with the outline of the unclosed region and set as the first outline and the second outline, respectively.

10. The editing method of a filled graph according to claim 8, wherein, The display of the remaining portion after the initial filled graphic has been hidden includes: The current contour line is determined to be an inner contour line or an outer contour line based on whether the internal region formed by the current contour line is within the internal region formed by another contour line. The inner contour line, the internal region formed by the inner contour line, the outer contour line, and the internal region formed by the outer contour line constitute the remaining part including the contour line after erasure; Edit the remaining portion containing the outline after erasing, and then fill it in.

Images