CN117616461A

CN117616461A - Display equipment and color filling method

Info

Publication number: CN117616461A
Application number: CN202280046883.2A
Authority: CN
Inventors: 董率; 张振宝; 李乃金; 王之奎; 肖媛
Original assignee: Hisense Visual Technology Co Ltd
Current assignee: Hisense Visual Technology Co Ltd
Priority date: 2021-06-30
Filing date: 2022-03-30
Publication date: 2024-02-27
Also published as: WO2023273462A1

Abstract

The application provides display equipment and a color filling method, which are used for displaying a target picture on the display equipment when receiving an input instruction for indicating to display the target picture, wherein the target picture comprises at least one closed area; determining a sliding path between a drawing start point and a drawing end point in response to an input sliding operation from the drawing start point to the drawing end point; and controlling the sliding path positioned in the target closing area to be filled with a preset color, and controlling the sliding path positioned outside the target closing area not to be filled with the color.

Description

Display equipment and color filling method

Cross Reference to Related Applications

The application requires that the application number is 202110736500.1 and the patent name is 'a display device and a color filling method' which are filed at 2021 and 06 and 30 days; the patent is submitted at 2021, 6 and 30 days, and the application number is 202110741457.8, and the patent name is 'a display device and a display method'; the patent is filed at 2021, 06 and 30 days, and the application number is 202110748425.0, and the patent name is display equipment and a color pickup method; the patent is filed in 2021, month 06 and 30, and the application number is 202110738904.4, and the patent name is display equipment and a graph filling method; the patent name of 202110738848.4 is a display device and a color mixing display method, which are filed in 6 months 30 in 2021; the patent is filed on 11 days of 2022 and 02, and the application number is 202210128208.6, and the patent name is 'a display device and a color filling method'; the patent is submitted at 28 of 02 month of 2022 and the application number is 202210191377.4, and the patent name is 'a display device and a display method'; the Chinese patent office, application number 202210178587.X, patent name "display device and graphic filling method" was filed on 25 days of 2022, 02; chinese patent application No. 202210127412.6, filed on 11/02/2022, entitled "a display device and color mixing display method", the entire contents of which are incorporated herein by reference.

Technical Field

The application relates to the technical field of intelligent television drawing boards, in particular to display equipment and a color filling method.

Background

The display device refers to a terminal device capable of outputting a specific display screen, such as a smart television, a mobile terminal, a smart advertisement screen, a projector, and the like. Taking intelligent electricity as an example, the intelligent television can be based on the Internet application technology, has an open operating system and a chip, has an open application platform, can realize a bidirectional man-machine interaction function, and is a television product integrating multiple functions of video, entertainment, education, data and the like, and the intelligent television is used for meeting the diversified and personalized requirements of users. For example, the smart television may be provided with a palette application that provides users with various types of color-filling pictures for users to fill in colors.

Disclosure of Invention

In one aspect, the present application provides a display device, including:

the display is used for presenting an electronic drawing board interface, the electronic drawing board interface comprises a control area and a drawing area, the control area comprises at least one drawing control, the drawing control is used for inputting contents on the drawing area, and the drawing area is used for presenting the contents input by the drawing control and displaying target pictures;

The touch control assembly is used for receiving an instruction input by a user through touch control, wherein the touch control assembly and the display form a touch control screen;

a controller configured to:

responding to an instruction input by a user for indicating to display a target picture, and displaying the target picture in the drawing area, wherein the target picture comprises at least one closed area;

determining a sliding path between a drawing start point and a drawing end point in response to a sliding operation from the drawing start point to the drawing end point input by a user in the drawing area;

and controlling the sliding path positioned in a target closed area to be filled with a preset color, and controlling the sliding path positioned outside the target closed area to be not filled with the color, wherein the target closed area is the closed area where the drawing starting point is positioned.

In a second aspect, the present application provides a color filling method, applied to a display device, including:

responding to an instruction input by a user for indicating to display a target picture, and displaying the target picture in a drawing area, wherein the target picture comprises at least one closed area;

In a third aspect, the present application provides a display device, including: the display is configured to display a color filling interface, wherein the color filling interface comprises a color filling picture, a color filling control and an erasing control, and the color filling picture comprises a color filling area and a boundary surrounding the color filling area; the touch control assembly is used for receiving an instruction of touch control input of a user, and the touch control assembly and the display form a touch screen; a controller configured to: acquiring a moving track formed by a pixel point selected by a user on a touch screen; confirming a target erasing area corresponding to the moving track; judging whether the position coordinate of each pixel point in the target erasing area is the position coordinate of the boundary; if the position coordinates of the pixel points are not the position coordinates of the boundary, deleting the pixel points; if the position coordinates of the pixel points are the position coordinates of the boundary, the boundary is reserved. In a second aspect, the present application provides a display method, including: acquiring a moving track formed by a pixel point selected by a user on a touch screen; confirming a target erasing area corresponding to the moving track; judging whether the position coordinate of each pixel point in the target erasing area is the position coordinate of the boundary; if the position coordinates of the pixel points are not the position coordinates of the boundary, deleting the pixel points; if the position coordinates of the pixel points are the position coordinates of the boundary, the boundary is reserved.

In a fourth aspect, the present application provides a display method, including: acquiring a moving track formed by a pixel point selected by a user on a touch screen; confirming a target erasing area corresponding to the moving track; judging whether the position coordinate of each pixel point in the target erasing area is the position coordinate of the boundary; if the position coordinates of the pixel points are not the position coordinates of the boundary, deleting the pixel points; if the position coordinates of the pixel points are the position coordinates of the boundary, the boundary is reserved.

In a fifth aspect, the present application provides a display device, including:

a display for displaying a user interface;

a controller configured to:

presenting a palette interface, wherein the palette interface comprises a control area and a drawing area, the control area comprises at least one brush control, the brush control is used for inputting content on the drawing area, and the drawing area is used for presenting the input content;

in response to an input trigger pick-up operation, displaying a color pick-up control on the painting area, wherein the color pick-up control is at least used for indicating a color pick-up point and a pick-up color, and the pick-up color is the color at the color pick-up point in the painting area;

and setting a pickup color determined according to a color pickup point indicated by the current color pickup control as an input color of the brush control in response to the input confirmation pickup operation.

In a sixth aspect, the present application further provides a color pickup method, applied to a display device, the method including:

In a seventh aspect, embodiments of the present application disclose a display device, including:

a display;

the touch control component is configured to acquire touch control point input of a user in the display interface area;

a controller configured to:

receiving a touch instruction for filling colors into a target closed graph on a drawing interface, wherein the touch instruction is triggered by a user in a display interface area, and canvas of the drawing interface can be enlarged or moved so that a part of the target closed graph is displayed in the display interface of the display, and the rest part of the target closed graph is displayed outside the display interface of the display;

And acquiring a closed contour line of the target closed graph on the drawing interface, and performing color filling on the whole of the target closed graph according to the closed contour line so that the part of the target closed graph displayed in the display interface shows a color filling effect.

In an eighth aspect, an embodiment of the present application discloses a graphics filling method, including:

Drawings

In order to more clearly illustrate the technical solutions of the present application, the drawings that are needed in the embodiments will be briefly described below, and it will be obvious to those skilled in the art that other drawings can be obtained from these drawings without inventive effort.

FIG. 1 is a schematic diagram of an operational scenario between a display device and a control apparatus according to an embodiment;

FIG. 2 is a block diagram of a hardware configuration of a display device in some embodiments;

FIG. 3 is a software configuration diagram in a display device in some embodiments;

FIG. 4 is a schematic diagram of an electronic palette in some embodiments;

FIG. 5 is a diagram of a picture toolbar in some embodiments;

FIG. 6 is a toolbar page diagram in some embodiments;

FIG. 7 is a schematic diagram of a brush toolbar in some embodiments;

FIG. 8 is a schematic diagram of user-entered content exceeding the region boundaries of the closed region of the target picture in some embodiments;

FIG. 9 is a schematic diagram of a fill protection mode item in some embodiments;

FIG. 10 is a page diagram of a fill-in protection mode acknowledgement message in some embodiments;

FIG. 11 is a diagram of information interaction for color filling pixels in some embodiments;

FIG. 12 is a schematic diagram of region division of a target picture in some embodiments;

FIG. 13 is a schematic diagram of a touch trajectory in some embodiments;

FIG. 14 is a flow chart of a color filling method;

FIG. 15a is a schematic diagram of yet another electronic palette interface shown in accordance with some embodiments;

FIG. 15b is a schematic diagram of yet another electronic palette interface shown in accordance with some embodiments;

FIG. 16a illustrates a flow diagram of a display method according to some embodiments;

FIG. 16b illustrates a flow diagram of a display method according to some embodiments;

fig. 17 shows a schematic diagram of a fill-in picture displayed on a display device 200 according to some embodiments;

FIG. 18 illustrates a schematic diagram of a target drop point, according to some embodiments;

FIG. 19 illustrates an erase range diagram of a preset erase width r in accordance with some embodiments;

FIG. 20 illustrates a schematic diagram of a filled picture being filled in, according to some embodiments;

FIG. 21 illustrates a schematic diagram of a target drop point of an erase trajectory in accordance with some embodiments;

FIG. 22 illustrates a schematic diagram of a color filled picture after erasing the color, in accordance with some embodiments;

FIG. 23 is a schematic drawing of a palette interface shown in accordance with some embodiments;

FIG. 24 is a schematic diagram of a palette interface and color pickup control, shown according to some embodiments;

FIG. 25 is a schematic diagram of another palette interface and color pickup control shown in accordance with some embodiments;

FIG. 26 is a schematic diagram of another palette interface and color pickup control shown in accordance with some embodiments;

FIG. 27 is a schematic diagram of a palette interface and color pickup control shown in accordance with some embodiments;

FIG. 28 is a schematic diagram of another palette interface and color pickup control shown in accordance with some embodiments;

FIG. 29 is a flow chart of a color pickup method shown according to some embodiments;

FIG. 30 is a schematic diagram schematically showing the filling effect of a target closed graph beyond a display interface in the related art;

a schematic diagram of the relative positional relationship of a drawing interface and a display interface according to some embodiments is exemplarily shown in fig. 31;

a schematic display of a drawing interface within a display interface according to some embodiments is illustrated in fig. 32;

a display schematic of the drawing interface moving out of the display interface according to some embodiments is exemplarily shown in fig. 33;

a schematic display of the drawing interface enlarged beyond the display interface is shown in fig. 34, in accordance with some embodiments;

a schematic of the post-fill effect of the drawing interface as it moves out of the display interface is illustrated in fig. 35, in accordance with some embodiments;

a schematic of the post-fill effect when the rendered interface is enlarged beyond the display interface according to some embodiments is illustrated in fig. 36;

a schematic diagram of the correction amount calculation correlation according to some embodiments is exemplarily shown in fig. 37;

A schematic diagram of the correction amount calculation correlation according to some embodiments is exemplarily shown in fig. 38;

a schematic diagram of outline identification according to some embodiments is exemplarily shown in fig. 39;

FIG. 40 is a schematic illustration of another interface for a palette in accordance with some embodiments;

FIG. 41 is another interface schematic of a palette application, in accordance with some embodiments;

a schematic flow diagram of a color mixture display method according to some embodiments is exemplarily shown in fig. 42;

FIG. 43 is a drawing of a color display effect of a prior art drawing board;

fig. 44 is a drawing board color display effect diagram in the technical scheme of the application.

Detailed Description

For purposes of clarity and implementation of the present application, the following description will make clear and complete descriptions of exemplary implementations of the present application with reference to the accompanying drawings in which exemplary implementations of the present application are illustrated, it being apparent that the exemplary implementations described are only some, but not all, of the examples of the present application.

It should be noted that the brief description of the terms in the present application is only for convenience in understanding the embodiments described below, and is not intended to limit the embodiments of the present application. Unless otherwise indicated, these terms should be construed in their ordinary and customary meaning.

The terms "first," second, "" third and the like in the description and in the claims and in the above-described figures are used for distinguishing between similar or similar objects or entities and not necessarily for limiting a particular order or sequence, unless otherwise indicated. It is to be understood that the terms so used are interchangeable under appropriate circumstances.

The terms "comprises," "comprising," and "having," and any variations thereof, are intended to cover a non-exclusive inclusion, such that a product or apparatus that comprises a list of elements is not necessarily limited to all elements explicitly listed, but may include other elements not expressly listed or inherent to such product or apparatus.

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

Fig. 1 is a schematic diagram of an operation scenario between a display device and a control apparatus according to an embodiment. As shown in fig. 1, a user may operate the display device 200 through the smart device 300 or the control apparatus 100.

In some embodiments, it may be understood that the mobile terminal or remote controller or the like controls the display device 200 in a wireless or wired manner.

Fig. 2 illustrates a hardware configuration block diagram of a display apparatus, and the display apparatus 200 may include at least one of a modem 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.

In some embodiments, the display 260 includes a display screen component for presenting a picture, and a driving component for driving an image display, for receiving image signals from the controller output, for displaying video content, image content, and a menu manipulation interface, and for manipulating a UI interface by a user.

In some embodiments, a user may input a user command through a graphical user interface (Graphic User Interface, GUI) displayed on the display 260, and the user input interface receives the user input command through the Graphical User Interface (GUI). Alternatively, the user may input the user command by inputting a specific sound or gesture, and the user input interface recognizes the sound or gesture through the sensor to receive the user input command.

In some embodiments, a "user interface" is a media interface for interaction and exchange of information between an application or operating system and a user that enables conversion between an internal form of information and a form acceptable to the user. A commonly used presentation form of a user interface is a Graphical User Interface (GUI), which refers to a user interface related to computer operations that is displayed in a graphical manner. It may be an interface element such as an icon, a window, a control, etc. displayed in a display screen of the electronic device, where the control may include a visual interface element such as an icon, a button, a menu, a tab, a text box, a dialog box, a status bar, a navigation bar, a Widget, etc.

The hardware or software architecture in some embodiments may be based on the description in the foregoing embodiments, and in some embodiments may be based on other similar hardware or software architectures, which may implement the technical solutions of the present application.

Based on the display device 200, the touch component can be added to enable the display device 200 to support the touch interaction function. In general, the touch assembly may form a touch display screen with the display 260. On the touch display screen, a user can input different control instructions through touch operation. For example, a user may input touch instructions such as clicking, sliding, long pressing, double clicking, etc., and different touch instructions may represent different control functions.

Similarly, for the touch instructions such as double-click and long-press, the controller 250 may extract different features, determine the type of the touch instruction through feature judgment, and execute corresponding control functions according to a preset interaction rule. In some embodiments, the touch assembly also supports multi-touch, so that a user can input touch actions on the touch display screen through multiple fingers, e.g., multi-finger clicks, multi-finger long presses, multi-finger swipes, etc.

In some embodiments, the control device 100 may be a stylus, and the user may input a user instruction by clicking on the touch screen through the stylus, such as a capacitive pen, to complete color filling or erasing of the picture on the display device 200. The control device 100 may also be a mouse, and the color filling or erasing of the picture on the display device 200 is completed when the mouse is pressed to move.

In some embodiments, the control device 100 includes a control unit, where the control unit is configured to receive a movement track presented by a change of a position of a human hand over time caused by sliding the human hand on the display, and generate a corresponding control instruction according to the movement track, so as to complete color filling or erasing of a picture on the display device 200.

The touch control action can be matched with a specific application program to realize a specific function. For example, after the user opens the "demonstration drawing board" application, the display 260 may present a drawing area, the user may draw a specific touch action track in the drawing area through the sliding touch command, and the controller 250 determines a touch action pattern through the touch action detected by the touch component and controls the display 260 to display in real time so as to satisfy the demonstration effect.

In some embodiments, multiple applications may be installed in the display device, and FIG. 3 illustrates a user interface in the display in some embodiments, where a user may click on "My applications" in the user interface to view the list of applications. The application list includes all applications that the display device has installed. The display device may install a palette application, as well as other applications, such as: player applications, camera applications, etc. When the list of applications is displayed in the display, the user may select one of the applications and open to trigger an interface into that application.

At an application interface of the drawing board application, a user can perform operations such as writing, scribing and the like, and the display device can generate a touch track according to touch actions of the user so as to realize the functions of drawing board demonstration or entertainment. After the display device starts the palette application, an electronic palette interface is presented on the display. An electronic palette interface displays areas of user interface objects, information, and/or inputtable content corresponding to one or more functions of the palette application. The aforementioned user interface objects refer to objects that make up the electronic palette interface and may include, but are not limited to, text, images, icons, soft keys (or "virtual buttons"), drop-down menus, radio buttons, check boxes, selectable lists, and the like. The displayed user interface objects may include non-interactive objects for conveying information or constituting the appearance of the user interface, interactive objects available for user interaction, or a combination of non-interactive objects and interactive objects. The user can make contact with the touch screen at the position of the touch screen corresponding to the interactive object with which the user wants to interact, so as to interact with the user interface object. The display device detects a contact and responds to the detected contact by performing an operation corresponding to interaction of the interactive object to effect drawing in the drawing board application.

In some embodiments, some or all of the steps involved in embodiments of the present application are implemented within an operating system and in an application. In some embodiments, an application program for implementing some or all of the steps of the embodiments of the present application is referred to as a "drawing board application" described above, which is stored in the memory, and the controller 250 controls the operation of the display device 200 and responds to user operations related to the application program by running the application program in an operating system.

It should be noted that, the display device according to the embodiments of the present application includes, but is not limited to, the display device 200 described in the above embodiments, and may also be other terminal devices having an image display function, a data processing function, and an information receiving and transmitting function, such as a mobile phone, a tablet computer, and other portable mobile terminals. Hereinafter, embodiments of the present application will be described in detail using a display device as an example.

Fig. 4 is an exemplary electronic palette interface, which, as shown in fig. 4, includes a drawing area D and a control area T. The drawing area is an area in which contents can be input, and the control area displays item entries corresponding to one or more functions of the drawing board application, for example, an "insert" item entry, a "tool" item warehouse entry, and the like.

In some embodiments, the drawing area and the control area may be located at different positions of the same layer, and the drawing area and the control area may also be located in different layers, where the drawing area and the control area are located in different layers, for example, the drawing area may be a part or all of the area in the first layer, the first layer is located on the electronic drawing board interface, the control area may be a part or all of the area in the second layer, the second layer may be superimposed on the first layer, and the second layer may also be disposed in parallel with the first layer, so as to display contents corresponding to the drawing area and the control area in the electronic drawing board interface.

In some embodiments, when the user clicks on the "insert" item, the display device is triggered to display a picture option bar as shown in fig. 5 in response to an instruction entered by the user to display a target picture. The picture option bar includes a plurality of insertable picture options, such as "picture a", "picture B", and "picture C". The user clicks any picture option, the selected picture can be inserted into the drawing board application and displayed in the drawing area, in a specific implementation, a third picture layer is generated in response to an instruction of displaying the target picture, which is input by the user, the third picture layer is overlapped on the second picture layer, the third picture layer is used for drawing a picture option column, the controller controls to close the third picture layer in response to the selection operation of the user on the target picture in the picture option column, and the target picture is drawn on the first picture layer, so that the display displays the target picture, wherein the inserted picture is selected by the user to be the target picture.

In some embodiments, when the user clicks on the "tools" item, the toolbar page as shown in FIG. 6 is triggered to be displayed on the display device. Toolbar pages include "brush" tools, and "eraser" tools, among others. When the user clicks on the "brush" tool, the display device is triggered to display a brush toolbar as shown in FIG. 7. Based on the painting tool bar, parameter information such as the type, color, line thickness, line style and the like of the painting can be selected to generate a corresponding painting tool, and a user can control the painting tool to input content in a painting area, wherein the input content is a touch control track of the user on the painting area.

In some embodiments, the target picture may include at least one closed region, each closed region including a closed region boundary, and the user may control the operation of the paint brush tool to fill in colors (hereinafter referred to as "color filling") of the target picture.

In the related application, when the user controls the painting tool to paint the target picture, the region boundary of the closed region is not limited, so that the content input by the user may exceed the region boundary of the closed region, and the subsequent drawing effect of the user is affected. For example, fig. 8 shows a schematic diagram in which the content input by the user exceeds the region boundary of the closed region of the target picture in the related application. L1 is a line input by a user, the line sequentially passes through a point B, a point C, a point D and a point E from the point A, the point A and the point E are positioned in a closed area, the point B and the point D are positioned on the area boundary of the closed area, and the part of the line B point-C point-D is a part exceeding the area boundary, so that the drawing effect is influenced.

The display device provided by the application can limit the region boundary of the closed region in the target picture, so that the content input by the user is prevented from exceeding the region boundary of the closed region, and the subsequent drawing effect of the user is prevented from being influenced.

In some embodiments, the display device may be provided with a "color-filling protection mode". When the display device enters a "color-filling protection mode", a limitation may be made to the region boundary of the closed region so that the content input by the user does not exceed the region boundary of the closed region. When the display device is not in the "color-filling protection mode", then no restriction is made to the region boundaries of the closed region.

In some embodiments, a user may set a "color-filled protection mode" by interacting with an interactive object in a user interface. By way of example, the aforementioned interactive object may be a "fill-in protection mode" item displayed on the electronic palette interface. Referring to fig. 9, the electronic-brush interface is provided with a "color-filling protection mode" item, and when the "color-filling protection mode" item is selected by the user, the controller controls the display device to enter the "color-filling protection mode". When the user selects the item again, the controller may control the display device to exit the "color-filling protection mode".

In some embodiments, to prevent the user from falsely triggering the "color filling protection mode", when the controller receives the "color filling protection mode" instruction, the controller may control the display to display a "color filling protection mode" confirmation interface, so that the user confirms whether to control the display device to enter the "color filling protection mode" in the "color filling protection mode" confirmation interface. FIG. 10 is a schematic diagram showing a "fill-out protection mode" confirmation message displayed in a display in some embodiments, where the "fill-out protection mode" confirmation interface includes a "yes" option entry and a "no" option entry, and when the "yes" option entry is selected by a user, the controller controls the display device to enter the "fill-out protection mode" so that, when the user performs a fill-out operation on a target picture, only a partial area in the target picture can be colored, and no color can be applied to other areas, and when the "no" option entry is selected by the user, the display device does not enter the "fill-out protection mode", and the user can perform the fill-out operation at any position in the target picture every time.

It should be understood that the "color filling protection mode" is only an exemplary function name/mode name defined for convenience of description, and represents a certain function of the display device, and does not limit the protection scope of the technical solution of the present application.

In some embodiments, the target picture is stored in the memory in a standard image file format, for example, the target picture is stored in the memory in a Bitmap format, the target picture includes a plurality of pixels, the pixels are basic units of image display, and the pixels can be seen as grid points which cannot be subdivided into smaller elements or units. In the target picture, a plurality of pixel points with specific colors can enclose at least one closed region, and the pixel points with specific colors are positioned at the boundary positions of the closed region. Specifically, the color of the pixel at the boundary position of the region is different from the color of the pixel at other positions, for example, the color of the pixel at the boundary position of the region is black, and the color of the pixel at other positions is white.

In some embodiments, after receiving an "color filling protection mode" opening instruction input by a user, the controller controls scanning of each pixel point in a target picture stored in the memory, obtains position information and color information of each pixel point, divides the target picture into a plurality of areas according to the color information of each pixel point, each area is a closed area surrounded by an area boundary formed by pixel points of a specific color, and then divides all pixel points in the target picture into categories equal to the number of the closed areas according to the position information of each pixel point and the closed area, and stores the pixel points of each category into the memory respectively. For example, according to the color information of each pixel, if the target picture is divided into 3 closed regions, the closed regions are a first closed region, a second closed region and a third closed region. The position information of the pixel points in the first closed area, the second closed area and the third closed area stored in the memory is acquired respectively, and a corresponding first pixel point set, second pixel point set and third pixel point set are generated. The first pixel point set comprises position information of all pixels in the first closed area, the second pixel point set comprises position information of all pixels in the second closed area, and the third pixel point set comprises position information of all pixels in the third closed area. It should be noted that, the above-mentioned closed region refers not only to an image region surrounded by pixels at the boundary position of the region, for example, the closed region of the target picture also includes a background region surrounded by pixels at the boundary position of the region and the edge position of the target picture.

In some embodiments, when the controller controls scanning the pixels of the target picture stored in the memory, the division of the closed region may be omitted due to the color information of the pixels in some regions not scanned. In order to avoid the above problem, the number of scanned pixel points may be compared with the total number of pixel points in the target picture, and if the number of scanned pixel points is smaller than the total number of pixel points in the target picture, the control continues to scan the target picture. And until the number of the scanned color information of the pixel points is equal to the total number of the pixel points in the target picture, the method indicates that all the areas of the target picture are scanned and can divide each closed area in the target picture based on the scanned color information of the pixel points.

In some embodiments, the user may control the brush tool to input content in the drawing area. More specifically, the user controls the input content of the painting tool in the painting area to be a touch track through the operations of 'pen-down', 'movement', 'pen-up', wherein the touch track comprises a drawing starting point and a drawing end point, the drawing starting point is the first pixel point which is passed by the user when the user inputs the touch track, and the drawing end point is the last pixel point which is passed by the user when the user inputs the touch track; the user controls the input content of the drawing tool in the drawing area to be a touch point through the operation of 'pen down', 'pen up', and the touch point is a drawing starting point and a drawing end point. The "pen-down" operation is that the user clicks the drawing tool, so that the drawing tool is in a selected state, and the drawing tool is controlled to input contents in the drawing area; the 'moving' operation is to make the painting tool in a continuous motion state while in a selected state; the "lift" operation is to place the brush tool in an unselected state or in a selected state but the user stops control of the brush tool.

In some embodiments, in response to a sliding operation from a drawing start point to a drawing end point input by a user in the drawing area, a sliding path between the drawing start point and the drawing end point is determined, and a target closed area is obtained, where a pixel point where the drawing start point is located in a target image, and the target closed area can be searched by comparing the target closed area with each closed area in turn according to the pixel point location information where the drawing start point is located. For example, the target picture includes a first closed region, a second closed region and a third closed region, pixel position information in the first closed region is obtained, if the pixel position information in the first closed region includes pixel position information of a drawing starting point, the first closed region is determined to be the target closed region, if not, pixel position information in the second closed region is continuously obtained, if the pixel position information in the second closed region includes pixel position information of the drawing starting point, the second closed region is determined to be the target closed region, otherwise, the third closed region is determined to be the target closed region.

In some embodiments, according to the position information of each pixel point that the sliding path passes, whether the pixel point that the sliding path passes is a pixel point in the target closed area is determined, and if the pixel point that the sliding path passes is a pixel point in the target closed area, color filling is performed on the pixel point that the sliding path passes in the target closed area according to a filling color value corresponding to a filling color indicated by the brush control.

In some embodiments, when a "pen down" operation by a user is detected, referring to fig. 11, the controller color fills the pixel point corresponding to the "pen down" point, the filled color may be selected in the brush toolbar, and if the filled color is not selected, the default fill color is used to fill the pixel point. Acquiring pen-down point area information, wherein the pen-down point area information comprises position information of all pixel points in a closed area where a pen-down point is positioned; receiving and judging an operation event input after the user inputs a pen-down operation; if the operation event type is judged to be a pen lifting operation event, ending the color filling; if the operation event type is judged to be a 'moving' operation event, acquiring pixel point position information of a corresponding sliding path, and acquiring the pixel point of the sliding path in a closed area where a 'pen-down' point is located according to the acquired pixel point position information of the sliding path, and performing color filling on the pixel point of the sliding path in the closed area where the 'pen-down' point is located. For example, referring to fig. 12, an exemplary target picture is shown, where the target picture includes an image area and a background area, and the image area is an area surrounded by an outline of the "foal" image in the target picture. After the user inputs the opening command of the color filling protection mode, the controller scans the target picture, and 18 closed areas including a background area can be obtained, for example, the background area is a first closed area, and the body part of the foal is a second closed area. Eight points are set on the target picture and are respectively represented by letters A, B, C, D, E, F, G, H, wherein A, B, C, G and H points are located in a second closed area, C and G points are located on the boundary of the area, a user controls a drawing tool, pen dropping operation is performed at A point, the drawing tool is moved to sequentially pass through B, C, D, E, F, G and H point, the generated touch track is shown in fig. 13, only the solid line part passing through A-B-C and G-H is displayed, the dotted line part passing through C-D-E-F-G is not displayed, namely, the pixels on the lines A-B-C and G-H on the touch track can be filled with colors, and the pixels on the lines C-D-E-F-G are not filled with colors.

In some embodiments, the shortest distance between any two adjacent pixel points through which the sliding path passes is determined as a first distance, the filling radius when the pixel points are color-filled is determined as a second distance, and if the first distance is greater than the second distance, a preset number of interpolation pixel points are generated between the two adjacent pixel points, wherein the preset number may be a ratio of the first distance to the second distance.

In some embodiments, the position information of each pixel point of the target picture may be represented in the form of coordinates by establishing a coordinate system, for example, the coordinate system may be established by taking the central position of the first pixel point at the lower left corner of the target picture as the origin of coordinates, the distance between the centers of two adjacent pixel points is regarded as one unit length, the pixel points are represented in the form of (Xi, yi), xi is represented as a point with a unit distance from the Y axis i, yi is represented as a point with a unit distance from the X axis i, (Xi, yi) is represented as a pixel point with a unit distance from the Y axis i and a unit distance from the X axis i, and coordinate information of the pixel points located at the boundary of the region and the coordinate range of the closed region enclosed by the pixel points located at the boundary of the region are acquired; when a user performs a pen-down operation, the controller performs color filling on a pixel point positioned at the pen-down point, and acquires coordinate information of the pixel positioned at the pen-down point and a coordinate range of a closed area where the pen-down point is positioned; judging the type of an operation event after the user performs the pen-down operation, and ending the color filling if the operation event type is judged to be a pen-up event; if the operation event type is judged to be a 'moving' event, acquiring coordinate information of a pixel point through which a corresponding sliding track passes; and judging whether each track pixel point is in the pen-down point area according to the coordinate range of the closed area where the pen-down point is located and the coordinates of each pixel point through which the sliding track passes, and performing color filling on interpolation pixel points which belong to the pen-down point area, and eliminating interpolation pixel points which do not belong to the pen-down point area.

Based on the above embodiment, referring to fig. 14, the present application further provides a color filling method, including:

s101: and responding to an instruction input by a user for indicating to display a target picture, and displaying the target picture in the drawing area, wherein the target picture comprises at least one closed area.

S102: and determining a sliding path between the drawing starting point and the drawing end point in response to a sliding operation from the drawing starting point to the drawing end point, which is input by a user in the drawing area.

S103: and controlling the sliding path positioned in a target closed area to be filled with a preset color, and controlling the sliding path positioned outside the target closed area to be not filled with the color, wherein the target closed area is the closed area where the drawing starting point is positioned.

In some embodiments, the control area further includes a trigger button, and the display device is controlled to enter a color filling protection mode in response to an operation of the trigger button, where the color filling mode refers to filling only the sliding path located in the target closed area with a preset color

In some embodiments, before the sliding path located in the target closed region is controlled to fill a preset color and the sliding path located outside the target closed region is controlled to not fill a color, judging whether the pixel point where the drawing starting point is located is the pixel point in the first closed region according to the pixel point position information in the first closed region, wherein the first closed region is any closed region in the target picture; and if the pixel point where the drawing starting point is located is the pixel point in the first closed region, determining the first closed region as a target region.

In some embodiments, according to the pixel position information in the first closed region, judging whether the pixel where the drawing starting point is located is before the pixel in the first closed region, traversing the pixel in the target picture, and obtaining the position information of each pixel; and storing the position information of each pixel point in a classified mode according to the closed area where the pixel point is located.

In some embodiments, according to the position information of each pixel point through which the sliding path passes, judging whether the pixel point through which the sliding path passes is the pixel point in the target closed area; and if the pixel point passing by the sliding path is the pixel point in the target closed area, color filling is carried out on the pixel point passing by the sliding path.

In some embodiments, responsive to a user's triggering operation of the brush control, determining a fill color indicated by the brush control; and filling the color of the pixel point through which the sliding path passes according to the filling color value corresponding to the filling color.

In some embodiments, the shortest distance between any two adjacent pixel points through which the sliding path passes is determined as a first distance, and a filling radius when the first pixel point is color-filled is determined as a second distance; and if the first distance is larger than the second distance, generating a preset number of interpolation pixel points between the two adjacent pixel points.

In some embodiments, determining whether each of the interpolated pixels is located in the target occlusion region; controlling to carry out color filling on the interpolation pixel points positioned in the target closed area; and controlling to eliminate the interpolation pixel points which are positioned outside the target closed area.

In some embodiments, acquiring a fill color value of one of the first pixels nearest to the interpolated pixel; and performing color filling on the interpolation pixel points according to the filling color values.

As can be seen from the above technical solutions, the present application provides a display device and a color filling method, which are configured to display a target picture on the display device when receiving an input instruction for displaying the target picture, where the target picture includes at least one closed region; determining a sliding path between a drawing start point and a drawing end point in response to an input sliding operation from the drawing start point to the drawing end point; and controlling the sliding paths positioned in the target closed area to be filled with preset colors, and controlling the sliding paths positioned outside the target closed area not to be filled with colors, so that the problem that filling marks easily exceed the boundary of the filling area in the color filling process of a user is solved, and the user experience is improved.

Fig. 15a is a schematic diagram of yet another palette interface shown according to some embodiments. As shown in fig. 15a, the color filling pattern is preset with a pattern (the pattern includes clouds, dinosaurs, grass, etc.) that can be filled with color, and the pattern includes at least one line and at least one closed area surrounded by continuous lines. At least one line acts as a border of the occlusion region, and is displayed in a different color than within the occlusion region, so that the user can clearly identify the border and the occlusion region. The user may fill in the closed area. The closed regions may or may not be disposed adjacent to each other. And (3) filling the color of the picture by the user, namely filling the color of the closed region in the picture. Typically, the color of the closed region is a pure base color, for example: white; the color-filled border, i.e. the border line of the closed area, is arranged around the closed area. Typically, the color of the filled border is a pure border color, such as: black. When filling colors, a user can click a color control to select a required color, then click a brush control to select a color filling area, and the color filling operation is completed; and when the color is erased, selecting an erasing control, selecting an area to be erased, and completing the erasing operation.

In some embodiments, in the process of filling the picture, a part of the closed area, which is called a filled area and has completed filling, stores configuration information of pixels on the filled area and configuration information of boundaries in the same file, so that the filled area and the boundaries are displayed in the same picture, wherein the configuration information includes colors and positions. Thus, when the erased area is selected to include a boundary or to include a part of a boundary, since the boundary is also in the same file in which the erase operation is performed; the boundary included in the "area selected for erasure" is also erased. The boundary is the limit of the color filling in the color filling picture, and after the boundary is deleted, the limit information of the color filling area surrounded by the boundary is destroyed, and when the color filling area is selected again for color filling, the color is caused to be coated outside the color filling area, as shown in fig. 15b.

The display device provided by the application is described below with reference to the accompanying drawings, and comprises a display, wherein the display is used for displaying a color filling interface; the controller of the display device may be configured to perform the following display method, fig. 16a shows a flow diagram of the display method according to some embodiments. As shown in fig. 16a, the display method includes: acquiring a moving track formed by a pixel point selected by a user on a touch screen; confirming a target erasing area corresponding to the moving track; judging whether the position coordinate of each pixel point in the target erasing area is the position coordinate of the boundary; if the position coordinates of the pixel points are not the position coordinates of the boundary, deleting the pixel points; if the position coordinates of the pixel points are the position coordinates of the boundary, the boundary is reserved.

In one implementation, obtaining a movement track formed by a pixel point selected by a user on a touch screen includes: in response to an instruction input by a user on the touch screen for erasing the color of the color filling area, for example, the user selects an erasing control on the electronic drawing board, at this time, the pixels of the color filling area are in a state to be selected, and the user moves the selected pixels on the touch screen, so that the set of the selected pixels is a moving track.

In one implementation, the user may also select an erase control on the electronic palette through a particular action. The manner in which the control is selected is not limited in this application.

Fig. 16b shows a flow diagram of a display method according to some embodiments. As shown in fig. 16b, in a specific implementation, the display method includes:

s161, acquiring pixel point position information of a target falling point on the color filling picture.

As shown in fig. 17, the color filling pattern is preset with a pattern (the pattern includes clouds, dinosaurs, grass, etc.) that can be filled with color, and the pattern includes at least one line and at least one closed area surrounded by the line. Such as a closed region 51 surrounded by line 41, a closed region 52 surrounded by line 42 and line 41, and a closed region 63 surrounded by line 43. The pattern of closed areas 51 and closed areas 52 enclosed by the continuous lines 41 and 42 is a cloud. The user may fill in the closed area. The color filling areas surrounded by other lines forming the patterns are the same as the above constitution, and no description is repeated.

It is understood that the user can implement color filling or erasing of the filled areas 51, 52, 53, and the like by performing a color filling operation on the filled image on the electronic drawing board. And color filling or erasing can only be done in the closed area.

The target landing point refers to a moving track represented by a change of a position with time caused by sliding a human hand, a control device and/or an intelligent device on the color-filled picture on the display device 200. The control device and/or the intelligent device slide on the color filling picture on the display device 200 to pre-associate the corresponding control instruction, which is not limited in this application.

The application provides a method for acquiring pixel point position information of a target landing point of a finger on a color filling picture. In a specific implementation manner, taking a finger as an example, when the color filling picture falls and moves, the method for acquiring the pixel point position information of the target falling point of the finger on the color filling picture comprises the following steps: reading touch screen event types, wherein the touch screen event types comprise: a finger drop event, a finger move event, and a finger lift event; when the event is a finger falling event, acquiring the position of a pixel point through which the finger moves; when the event is a finger movement event, acquiring the position of a pixel point through which the finger moves; when it is a finger lift event, the operation is ended.

In a particular implementation, FIG. 18 illustrates a schematic diagram of a target drop point, according to some embodiments. As shown in fig. 18, a trajectory "line segment AB" is formed when a human hand, control device, and/or smart device slides from point a to point B on a color filled picture on display device 200. S1, the pixel points of the target landing point refer to the pixel points corresponding to all points on the track line segment AB, and the position information of all the pixel points, namely coordinates (x _i ,y _i ) The set of (2) is the pixel point position information of the target landing point on the color filling picture to be obtained in the step.

In a specific implementation, the target drop point may determine the location of the erase, and the erase range may be determined by a predetermined erase width r. That is, if the erase width r is preset, the target drop point (x _i ,y _i ) All pixel points with the distance less than or equal to r are erased. At this time, the target pixel point further includes pixels in a set S, where the set S is a set of all pixels having a distance from the target landing point less than or equal to a preset erase width r.

Fig. 19 illustrates an erase range diagram of a preset erase width r in accordance with some embodiments. As shown in fig. 19, when the target falling point is the track "line segment AB", the erasing range is a band-shaped region of width 2r, i.e., the illustrated region 521 and region 531, formed by "all circles having the erasing width r as the radius around each point of the" line segment AB ". That is, when the preset erase width is r, not only the position information of the pixel point of the target landing point, that is, the coordinates (x _i ,y _i ) At the same time, position information, that is, coordinates (x) _i ,y _i ) Is a set of (3).

S162, if the pixel point is a boundary position, reserving the pixel point; the aforementioned color should be the initial color of the boundary. Therefore, after the color filling and erasing operation is performed for many times, the color consistency of the boundary can be ensured, the limit of the color filling area is not destroyed, and the normal use of the drawing board function is ensured.

Fig. 20 illustrates a schematic diagram of a painted picture being painted, in accordance with some embodiments. As shown in fig. 20, simultaneously, referring to fig. 17, the filled areas 51, 52, and 53 have been colored (filled color is black).

FIG. 21 illustrates a schematic diagram of a target drop point of an erase trajectory in accordance with some embodiments. As shown in fig. 21, the erasure trajectory is a trajectory "line segment AB" that passes through the filled region 52 and the filled region 53.

In a specific implementation, when the preset erase width is r, the erase track is a track "line segment AB", and the erase range is a stripe region with a width of 2r formed by "taking each point of the" line segment AB "as a center, taking the erase width r as a radius, and all circles formed" intersect with the filling region 52 and the filling region 53. It is understood that the color of the pixels at other locations is preserved.

In a specific implementation, the boundary position refers to a boundary, that is, a continuous line 41, a continuous line 42, a continuous line 43, and other lines surrounding the color filling region as shown in fig. 17. Fig. 22 illustrates a schematic diagram of a color filled picture after erasing the color, in accordance with some embodiments. As shown in fig. 22, when the erase trajectory is the trajectory "line segment AB", the intersection regions of the aforementioned band-shaped region with the closed region 61 and the closed region 62 are erased, which are the erase region 521 and the erase region 531, respectively. The intersection of line 42 with the banded region, line 421 and line 422, is preserved; the intersection of line 43 with the banded region, line 431 and line 432, is preserved. The boundary position refers to the line 42, the line 43, and other lines surrounding the color filling area, and the reserving the pixel point refers to reserving the line 421, the line 422, the line 431, and the line 432.

The present application provides a method of preserving line segment 421, line segment 422, line segment 431, and line segment 432. In a specific implementation manner, according to a preset erasing width r, all pixel points (x _i ,y _i ) RecordingSet S. Each pixel point (x _i ,y _i ) Judging the pixel point (x _i ,y _i ) Whether the boundary is the boundary, if so, the boundary is reserved.

S163, deleting the pixel point if the pixel point is not the boundary position;

in a specific implementation, as shown in fig. 22, when the erasure track is a track "line segment AB", the intersection area between the strip-shaped area and the filler areas 51 and 52 is erased, which are respectively an erasure area 521 and an erasure area 531.

It will be appreciated that boundary position information, i.e. pixel point (x _i ,y _i ) The position coordinates may be stored in the control device in advance, so that when there is an erasing instruction, the boundary position information is directly called as the boundary position.

In some embodiments of the present application, the filled region comprises a filled region; the controller is further configured to: storing configuration information of pixel points on the filled region and configuration information of a boundary in the same file so that the filled region and the boundary are displayed in the same picture; if the position coordinates of the pixel points are not the position coordinates of the boundary, deleting the pixel points; comprising the following steps: if the position coordinates of the pixel points are not the position coordinates of the boundary, deleting the configuration information of the pixel points on the same file.

In some embodiments of the present application, if the position coordinates of the pixel points are the position coordinates of the boundary, the boundary is reserved; comprising the following steps: if the pixel point is not the boundary position, the configuration information of the boundary is reserved on the same file.

In some embodiments of the present application, the color-filled region further includes an unfilled region; confirming a target erasing area corresponding to the moving track; comprising the following steps: confirming a second intersection track, wherein the second intersection track is a pixel point set where the moving track intersects with the unfilled region; and confirming the target erasing area according to the pixel points except the second intersection track on the moving track.

The following describes a method for identifying and storing boundary configuration information of a color-filled picture with reference to the drawings.

In some embodiments, the initial color of the boundary position is different from the color of the region of the filler picture other than the boundary position; in the step of obtaining the initial color of the boundary position, the initial color of the boundary is the boundary color; in the step of obtaining the target pixel point on the color-filled picture, the controller is further configured to: saving the color filling picture; setting boundary colors of the color filling pictures; starting from a first pixel point of the color filling picture, traversing and reading the color of each pixel point of the color filling picture; if the color of the pixel point is the boundary color, the position coordinates of the pixel point are taken as the position coordinates of the boundary and stored in a memory.

In some embodiments, the color of the boundary is a first color and the color of the filled region when not filled is a second color, the first color being different from the second color; if the color of the pixel point is the color of the boundary, the position coordinates of the pixel point are taken as the position coordinates of the boundary and stored in a memory; comprising the following steps: judging whether the color of the pixel point is a first color or not; if the color of the pixel point is the first color, the position coordinates of the pixel point are taken as the position coordinates of the boundary and stored in the memory.

As shown in fig. 17, the color filling pattern is preset with a pattern capable of filling color, and the pattern is surrounded by a plurality of color filling areas capable of filling color by continuous lines. The continuous line is used as a boundary of the plurality of color filling areas (for convenience of description, the boundary is used to replace the continuous line surrounding the plurality of color filling areas), so that the user can identify the boundary and the color filling areas, and the color of the line of the boundary is obviously different from the initial set color of the color filling areas. For example, the filled-in image border shown in fig. 17 uses black lines, and the initially set color of the filled-in region is white.

According to the identification method of the boundary position information of the color filling picture, the boundary and the color filling area are distinguished by utilizing the characteristic that the boundary color is obviously different from the initial setting color of the color filling area and by means of the color distinguishing method, and then the position information set of the pixel points of the boundary is stored as the boundary position.

In some embodiments, from a color-filled mapThe first pixel (x ₀ ,y ₀ ) Starting from the position, each pixel point (x _i ,y _i ) Is used for judging the color of the pixel point (x _i ,y _i ) Whether the color of (c) is a boundary color. In some embodiments, after determining the pixel point (x _i ,y _i ) Before the color of the image, the color filling image can be loaded into a memory, stored in a bitmap format, and boundary colors are set, so that the judging step is realized. It is understood that the boundary color may be a single color or may be multiple colors, which is not limited in this application.

If the pixel point (x _i ,y _i ) Is a boundary color, and the pixel point (x _i ,y _i ) And (5) preserving.

In some embodiments, if a pixel (x _i ,y _i ) Is a boundary color, and the pixel point (x _i ,y _i ) Stored in set a. Traversing each pixel point (x _i ,y _i ) All elements in set a are boundary locations after the color of (c).

It can be understood that if the pixel (x _i ,y _i ) If not the boundary color, it is considered that the pixel point (x _i ,y _i ) The color-filled area or the white-left area outside the color-filled pattern on the color-filled picture. The color of the fill-in and leave-in areas may or may not be the same, but should be significantly different from the boundary color.

The method in the above embodiment is used for differentiating pixels by colors, converting the difference of colors into pixels with different characteristics (refer to boundary and non-boundary), storing the set of pixels of the boundary as boundary positions, and when judging whether the target pixel is the boundary position, responding to a control instruction for erasing the colors, the controller is further configured to: traversing all pixel points on the color filling picture to judge whether the color of the pixel points is boundary color or not; if the color of the pixel point is the boundary color, the pixel point is determined to be the target pixel point.

In some cases, before selecting the area to be erased, the color-filled image has completed the color filling of a portion of the color-filled area, the color-filled image including the filled area and the unfilled area; the area to be erased may pass through both the filled area and the unfilled area, which is not to be erased.

In order to more efficiently complete the erasing action, the display method provided by the application further comprises the following steps: the filled-in area is a closed area; in the step of erasing the color of the target pixel, the controller is further configured to: confirming a first intersecting pixel point, wherein the first intersecting pixel point is a pixel point where a target falling point intersects with the boundary of the filled-in region; according to the first intersecting pixel point, confirming a pixel point which coincides with the filled region on the target falling point and is used as a target pixel point; the color-filled area also comprises an unfilled area; the unfilled areas are closed areas; the controller is further configured to: confirming a second intersection pixel point, wherein the second intersection pixel point is a pixel point where a target falling point intersects with the boundary of the unfilled region; and deleting the pixel points which are overlapped with the unfilled region on the target falling point according to the second intersection pixel points, and taking the rest pixel points on the target falling point as target pixel points.

According to the method provided by the application, the boundary position information can be recorded and stored by scanning the color filling area, the difference of colors is converted into pixel points with different characteristics (refer to the boundary and the non-boundary), and the collection of the pixel points of the boundary is used as the boundary position to be stored, so that the boundary and the color filling area are distinguished when the color coated by a user in the color filling area is erased, and further the color filling process is realized that the user can only be erased when the color filling is erased, and the color filling boundary is kept from being erased. The closed area and boundary information of the color filling picture cannot be damaged, and the color filling function is guaranteed to be continuously available.

FIG. 23 is another drawing board interface shown in some embodiments herein. As shown in fig. 23, the drawing board interface includes a drawing area D and a control area T. The drawing area D is used for receiving content input by the user through the controls in the control area T, and displaying the received content, such as lines, graphics, characters, and the like. The control area T is used for displaying various functional controls, for example, including a plurality of brush controls 621a, 621b, 621c, 621d and 621e with different styles, an erasure control 622, a delete control 623, a video control 624, a more control 625, a cancel control 626 and a restore control 627, when a certain brush control is selected, a toolbar corresponding to the brush control is displayed, and in the toolbar, the color, thickness and color of the brush can be selected, and in the toolbar, a color board control and a color absorbing control are also displayed. When the palette interface is displayed, a user picks up a brush by clicking the brush control, and after picking up the brush, the user can select the existing brush color option in the corresponding toolbar, or click the palette control to trigger the display palette so as to select the brush color in the palette, or click the color absorbing control to trigger the process of picking up the color from the painting area. The color of the brush selected by the user on the palette, or the color picked up from the drawing area, will be configured as the input color of the brush control. In a state of picking up the brush control, the user can input content based on contact with the drawing area, and the input content is the contact track of the user on the drawing area.

When the drawing board interface is displayed, a user can trigger a pick-up operation through input to trigger the display device to enter a process of picking up the colors on the drawing area. In some implementations, the user can trigger the pick-up operation by clicking on the color draw control described above to enter an input. And the display equipment determines that the trigger pick-up operation is received when receiving the click operation of the color suction control by the user. In other implementations, the user may input the trigger pick operation by inputting a predetermined gesture. For example, a tap operation at an arbitrary position of the drawing area, or a long press operation. And the display equipment judges whether the user gesture corresponds to a preset trigger pickup operation after receiving the input user gesture, and if so, determines that the trigger pickup operation is received. In addition, the user may also input a trigger pickup operation, for example, speak a trigger pickup password, by means of voice control.

In some embodiments, in response to an input triggering a pick-up operation, a color pick-up control will be displayed at a predetermined location on a drawing area of the display device. The predetermined position is a predetermined position, such as the center of the drawing area or in a quadrant of the drawing area. For example, when the user triggers a pick-up operation by clicking on a color suction control input, a color pick-up control is displayed at a predetermined position on the upper layer of the drawing area.

In other embodiments, in response to an input trigger pick-up operation, a color pick-up control will be displayed at a first location on a drawing area of the display device, the first location determined in accordance with the trigger pick-up operation. For example, if the predetermined gesture corresponding to triggering the pickup operation is a long press operation performed at a certain position on the drawing area, when a long press operation performed by the user at a first position on the drawing area is detected, a color pickup control is displayed at the first position on the upper layer of the drawing area.

The color pickup control is used for indicating a color pickup point and a pickup color, wherein the pickup color is the color at the color pickup point in the painting area. Notably, in some embodiments, the color pick control may indicate color pick points, pick colors, RGB values of pick colors at the same time. In other embodiments, the color pickup control may also enlarge and display a color pickup point area, which may be a preset-sized area centered on the color pickup point in the drawing area, while indicating the color pickup point, the pickup color, and the RGB values of the pickup color. It can be seen that the color pickup control is a visual cue displayed on the drawing area that will provide a hint or reminder to the user of the operation of selecting the target pickup color during the user's selection of the target pickup color. It should be understood that the operation of selecting the target pickup color by the user, that is, the operation of changing the color pickup point by the user, hereinafter referred to as a changing operation. Thus, the user can pick up the target color by changing the position of the color pick-up point according to the reminding of the color pick-up control. That is, after the input triggers the pickup operation, the user can change the position of the color pickup point by inputting a change operation, the user can confirm the pickup operation by inputting, terminate the color pickup process, and control the display device to determine the current pickup color as the target pickup color. Of course, after the trigger pickup operation is input, the pickup operation may be directly input to be confirmed, so that the color corresponding to the original color pickup point is picked up.

In some implementations, the pick control may be text, graphics, or any combination thereof.

FIG. 24 is a drawing board interface, which may be specifically an interface displayed after a user clicks a color extraction control, as illustrated in some embodiments of the present application. As shown in fig. 24, in the drawing board interface, a color pickup control 700 is displayed on the upper layer of the drawing area, and the color pickup control 700 includes a first region 710, a second region 720, and a third region 730. The first region 710 is a circular region centered on the color pickup point, and the color pickup point region 711 in the drawing region is enlarged and displayed in the first region. Further, an indication mark 712 is displayed at the center of the first region 710, and the indication mark 712 is used to indicate the position of the color pickup point. The second region 720 is an annular region surrounding the outside of the first region 710 and concentric with the first region 710, and the fill color of the second region 720 is the pick-up color, i.e., the color at the color pick-up point in the painting region. The third region 730 is located outside the second region 720, and RGB values of the pickup color are displayed in the third region 730.

In the above example, the third area is displayed above the first area and the second area by default, so as to avoid the problem that when the color pickup control is displayed at the edge of the screen, the third area is displayed outside the view port of the display, and when the color pickup control moves to the edge above the screen, the third area can automatically move to two sides or below the first area and the second area; when the color pickup control is moved to the right edge of the screen, the third area can be automatically moved to the left sides of the first area and the second area; when the color pickup control is moved to the left edge of the screen, the region third region may automatically move to the right of the first region and the second region.

The first region 710, the second region 720, and the third region 730 may be regions in different layers or may be regions in the same layer. The color pickup dot area is the same shape as the first area, and can be displayed in the first area at a preset magnification.

As can be seen from the pick-up control shown in fig. 24, the color pick-up control is used to show the color pick-up point, the pick-up color, and the RGB values of the pick-up color. It should be appreciated that when the color pick-up point changes, the pick-up control shows a change in the pick-up color, the RGB values of the pick-up color. Further, since the color pickup point region in the drawing area is displayed in the first region in an enlarged manner, the accuracy of the color pickup control for the position characterization of the color pickup point is improved.

It should be noted that the color pickup control shown in fig. 24 is taken as an example of the present application, and does not limit the protection scope of the present application. In further embodiments of the present application, the color pickup control may be text, graphics, or any combination thereof other than the examples described above.

In other embodiments, the color pickup control may be used only to indicate the position of the color pickup point and the pickup color, without displaying the RGB values of the pickup color, nor displaying the color pickup point area in the drawing area in an enlarged manner. For example, fig. 25 is another drawing board interface exemplarily shown in the present application, and as shown in fig. 25, a color pickup control 800 is displayed on a drawing area of the interface, where the color pickup control 800 includes a first area 810, the first area 810 is a circular area centered on a current color pickup point, an indication mark 811 is displayed in the center of the first area 810, where the indication mark 811 is used to indicate a position of the current color pickup point, and a filling color of the first area is a color at the current color pickup point in the drawing area, that is, a pickup color.

In some embodiments, the color pick-up control is caused to indicate the pick-up color while indicating the color pick-up point by magnifying and displaying a color pick-up point area in the painting area in the color pick-up control. In these embodiments, the pickup color need not be displayed separately. For example, fig. 26 is a drawing board interface exemplarily shown in the present application, and as shown in fig. 26, a color pickup control 900 is displayed on a drawing area of the interface, where the color pickup control 900 includes a first area 910, the first area 910 is a circular area centered on a current color pickup point, an indication mark 911 is displayed on the center of the first area 910, the indication mark 911 is used to indicate a position of the current color pickup point, and a color pickup point area 912 in the drawing area is displayed in an enlarged manner in the first area 910. As can be seen from fig. 26, the color pickup point area in the drawing area is enlarged and displayed in the first area, so that the color pickup control 900 indicates the pickup color while indicating the color pickup point.

After the input triggers the picking operation, the user can change the position of the color picking point by inputting a change operation, the display device responds to the input change operation to move the color picking control to a new position, and the display state of the color picking control is updated according to the new color picking point, so that the color picking control indicates a new picking color in real time.

In some embodiments, the altering operation includes a contact operation with the touch screen. For example, the altering operation includes performing a gesture on the touch screen, i.e., movement of an object/accessory in contact with the touch screen. For ease of illustration, in this process, as well as other embodiments described below, contacts on a touch screen will be described as being performed by a user using at least one hand and using one or more fingers. It should be appreciated that the contacting may be performed using any suitable object or accessory, such as a capacitive pen or the like. The contact may include one or more clicks occurring on the touch screen, maintaining continuous contact with the touch screen, moving a point of contact while maintaining continuous contact, interrupting contact, or a combination of one or more of the foregoing.

In some embodiments, the color pickup control is an interactive user interface object with which a user can interact to change the color pickup point, ultimately selecting the target pickup color. In other words, the change operation is performed for the color pickup control. In some embodiments, changing the color pickup point for the color pickup control includes moving the color pickup control in a drag manner, dragging the color pickup control to a desired location on the drawing area. It will be appreciated that all of the contact points traversed by the process of dragging the color pickup control may be the desired color pickup points. And determining a target color pickup point based on the moving end point, wherein the color at the target color pickup point is the target pickup color.

It can be seen that the color pick control can provide visual feedback to the user of the path of movement during the user selection of the target pick color. The user can pick up the target color more accurately and rapidly according to the visual feedback provided by the color pick-up control. When the color pickup control is displayed on the drawing area, the user may start to contact the touch screen. The display device detects a contact on the touch screen. If the contact corresponds to a change operation, the display position and display state of the color pickup control are changed in real time according to the contact. If the contact does not correspond to a change operation, the display position and display state of the color pickup control will remain unchanged. For example, if the change operation is to move the point of contact while maintaining contact with the color pickup control and the detected contact is a click on the touch screen, the display position and display state of the color pickup control remain unchanged since the contact does not correspond to the change operation. For another example, if the change operation is a click within the touch screen drawing area and the detected contact is a long press on the touch screen, then the display position and display state of the color pickup control remain unchanged since the contact does not correspond to the change operation.

And if the detected contact corresponds to a change operation, the color pickup control will move as the contact point moves, and the pickup color indicated by the color pickup control, the RGB values of the pickup color, and the color pickup point area in which the display is enlarged will be updated as the latest color pickup point changes. For example, if the change operation is to move the contact point while maintaining continuous contact with the color pickup control, the display position and state of the color pickup control will change in real time as the contact point moves during the contact when the contact corresponding to the change operation is detected. For another example, if the change operation is a click within the touch screen drawing area, when a contact corresponding to the change operation is detected, the display position and state of the color pickup control are changed to a position and state corresponding to the click position.

In other embodiments, the user may input the change operation by inputting a predetermined gesture. For example, a tap operation at an arbitrary position of the drawing area, or a long press operation. And after receiving the input user gesture, the display equipment judges whether the user gesture corresponds to the change operation or not, and if so, the display equipment determines that the change operation is received. For example, if the change operation is a double-click operation performed at a certain position on the drawing area, when a double-click operation performed by the user at a second position on the drawing area is detected, the color pickup control is moved to the second position for display, and the pickup color indicated by the color pickup control is updated according to the color pickup point corresponding to the second position.

It should be appreciated that the process of changing the display position and display state of a color pickup control from one position and state to another is immediate, near-immediate, or with an appropriate delay.

In some embodiments, if the change operation is to move the point of contact while maintaining contact with the color pickup control, i.e., the change operation is to drag the color pickup control, the drag process on the color pickup control may be interrupted by interrupting the contact with the touch screen. In other words, when the contact with the touch screen is interrupted, this means that the selection process of the target pickup color is completed, the contact point before the contact interruption is the target color pickup point, and the corresponding color is the target pickup color.

In some embodiments, if the change operation is to move the contact point while maintaining contact with the color pickup control, i.e., the change operation is a drag of the color pickup control, then when the display device detects that the user's contact with the touch screen is interrupted, it is determined that a preset confirm operation is received, and in response to the preset confirm operation, a pickup color determined from the color pickup point indicated by the current color pickup control is determined as the target pickup color.

It should be noted that, in some embodiments, the user inputs the preset confirmation operation by other means, for example, by interacting with the interactive interface object specified in the interface.

In some embodiments, the display of the color pickup control is dismissed when in response to receiving a preset confirmation operation.

In some embodiments, the target pick-up color is set to the input color of the brush control. Thus, when a user picks up the brush control, the content may be input using the target pick-up color, i.e., the color of the input content is the target pick-up color.

In some embodiments, when the color pickup control is displayed, the user may still interact with other interface interaction objects on the interface. However, when displaying the color pickup control, once the user interacts with other interface interaction objects on the interface, the display device will confirm the pickup color indicated by the current color pickup control as the target pickup color in response to the detected interaction operation.

27-28 are GUI displays of a process of selecting a target pick color by a color pick control as shown in some embodiments of the present application. In the interface shown in fig. 27, a color pickup control showing a color pickup point a and a pickup color (R1, G1, B1) is displayed on the drawing area. In fig. 27, the user starts performing an operation using a finger in contact with the on-screen color pickup control, and moves the contact point while maintaining continuous contact with the touch screen, the movement locus of the contact point being shown by a broken-line arrow in fig. 28. As the user's point of contact moves, the color pickup control moves to the position shown in fig. 28. In fig. 28, the color pickup point shown by the color pickup control changes to B, and the pickup color shown changes to (R2, G2, B2).

While in the interactive state shown in fig. 28, the user may interrupt contact with the touch screen to input a confirmation pickup operation, at which time the display device determines the pickup color at the time of the user interrupt contact as the target pickup color. The user may also continue to maintain contact with the touch screen to continue to change the color pickup point. The process of continuing to change the color pickup point may refer to the process shown in fig. 28 described above, and will not be described here.

In a more specific implementation manner of the above embodiment, the display device obtains, from bitmap data (bitmap data) corresponding to the drawing area, RGB values of pixels corresponding to the foregoing position coordinates according to the position coordinates of the color pickup points indicated by the color pickup control, thereby obtaining color values at the color pickup points in the drawing area, and further may display the color pickup control according to the color values, and when a confirmation pickup operation is received, obtains, in the foregoing manner, the color values at the color pickup points when the confirmation pickup operation is received, and sets the color values as input color values of the brush control.

As can be seen from the above embodiments, according to the display device provided in the embodiments of the present application, when displaying a drawing board interface, a user can pick up a color from a drawing area by operating as an input color of a brush control. The display device can respond to input triggering picking operation to display a color picking control on the drawing area, and visual feedback can be provided for a user so that the user can pick a desired color from the drawing area because the color picking control at least indicates a color picking point and a picking color; when receiving the input confirmation picking operation, setting the picking color determined according to the color picking point indicated by the current color picking control as the input color of the painting brush control. Compared with the prior mode of picking up the color from the color plate, the color picking-up method provided by the application can enable a user to pick up the expected color more accurately and rapidly.

According to the display device provided by the above embodiment, the present application further provides a color pickup method, which is applied to the above display device, as shown in fig. 29, and the method may include:

s291, presenting a drawing board interface, wherein the drawing board interface comprises a control area and a drawing area, the control area comprises at least one drawing control, the drawing control is used for inputting content on the drawing area, and the drawing area is used for presenting the input content.

In some embodiments, the control field includes a trigger button, the displaying a color pickup control on the drawing field in response to an input trigger pickup operation includes: and in response to receiving the operation of the trigger button, displaying the color pickup control at a predetermined position on an upper layer of the drawing area.

In some embodiments, displaying a color pickup control on the drawing area in response to an input triggering a pickup operation, comprising: in response to receiving a first predetermined gesture on the drawing area, the color pickup control is displayed at a first location on an upper layer of the drawing area, the first location determined from the first predetermined gesture.

S292, in response to an input trigger pickup operation, displaying a color pickup control on the drawing area, where the color pickup control is at least used to indicate a color pickup point and a pickup color, and the pickup color is a color at the color pickup point in the drawing area.

In some embodiments, the color pickup control is further configured to indicate RGB values of the pickup color and/or to enlarge and display a partial area of the drawing area centered on the color pickup point.

In some embodiments, after S292, the color pickup method provided herein further includes: receiving an input color pick-up point change operation when the color pick-up control is displayed; and determining a new color pickup point according to the change operation, and updating the display position of the color pickup control and the pickup color indicated by the color pickup control according to the new color pickup point.

In some embodiments, the color pickup control is an interactive user interface object that is interactable by a user to change the color pickup point; the altering operation includes a drag operation performed on the color pickup control.

In some embodiments, the color pickup method provided herein further includes: and when detecting that the contact between the user and the display is disconnected, determining that the preset confirmation operation is received.

In some embodiments, receiving an input color pick-up point change operation while displaying the color pick-up control includes: and receiving a second preset gesture on the drawing area, moving the color pickup control to a second position for display, and updating the pickup color indicated by the color pickup control according to a color pickup point corresponding to the second position, wherein the second position is determined according to the second preset gesture.

And S293, setting the pick-up color determined according to the color pick-up point indicated by the current color pick-up control as the input color of the brush control in response to the input confirmation pick-up operation.

In some embodiments, the display of the color pickup control is dismissed in response to an input preset confirmation operation.

Based on the color pickup method provided by the embodiment of the application, when the drawing board interface is displayed, a user can pick up the color from the drawing area through operation, and the color can be used as the input color of the drawing control. The display device can respond to input triggering picking operation to display a color picking control on the drawing area, and visual feedback can be provided for a user so that the user can pick a desired color from the drawing area because the color picking control at least indicates a color picking point and a picking color; when receiving the input confirmation picking operation, setting the picking color determined according to the color picking point indicated by the current color picking control as the input color of the painting brush control. Compared with the prior mode of picking up the color from the color plate, the color picking-up method provided by the application can enable a user to pick up the expected color more accurately and rapidly.

In some embodiments, the user may draw content on the display after the display device installs the palette, and then fill it; in practical application, a drawing interface is formed on the periphery of the drawn content on the display, and the drawing interface can perform functions of writing by a painting brush, erasing, filling colors in a closed area, drawing and the like. The drawing interface comprises various closed figures, and the closed figures to be subjected to color filling are called target closed figures; when each closed graph in the drawing interface is displayed on the display interface, the target closed graph can be completely filled when the target closed graph is filled; when canvas of the drawing interface is enlarged or moved so that the target closed graph part is displayed in the display interface and the rest part is displayed outside the display interface, the display effect is as follows: the graphics within the display interface are filled and the graphics not within the display interface are not filled, as shown in fig. 30.

In general, the relative positional relationship between the drawing interface and the display interface is shown in fig. 31, where a in fig. 31 shows that the drawing interface is all within the display interface, b in fig. 31 shows that the drawing interface is moved to the left so that the target closed graphic portion is displayed within the display interface, the rest is displayed outside the display interface, c in fig. 31 shows that the drawing interface is enlarged so that the target closed graphic portion is displayed within the display interface, and the rest is displayed outside the display interface.

In the embodiment of the application, the closed contour line of the target closed graph on the drawing interface is obtained, and the whole of the target closed graph is filled with the color according to the closed contour line, so that the color filling effect of the part of the target closed graph displayed in the display interface is achieved.

In order to clearly illustrate the embodiments of the present application, the method for filling the graphics of the display device provided in the embodiments of the present application is described below with reference to the accompanying drawings.

Fig. 32 shows the case when the drawing interface containing the target closed figure is in the display interface, and as can be seen in fig. 32, the drawing interfaces are all displayed in the display interface, and in the filling mode, filling is completed according to the target closed figure indicated by the touch instruction. Specifically, the method comprises the following steps: and acquiring each minimum closed area in the drawing interface according to a scanning line seed filling algorithm, then acquiring a closed contour line corresponding to the minimum closed area, and filling the area in the closed contour line with a corresponding preselected color. The method for acquiring each minimum closed region in the drawing interface according to the scanning line seed filling algorithm comprises the following steps: the seeds in the embodiment of the application are selected as touch points; when one side seed reaches the rightmost boundary or the leftmost boundary of the fillable boundary, the touch point is considered to be not in the closed graph range, and a minimum closed area does not exist, namely a closed graph does not exist; if the rightmost boundary and the leftmost boundary are found in the current line, the fillable pixel points of the line are attributed to the fillable area, the line-by-line search is carried out until the uppermost line and the lowermost line are reached, and finally the completed minimum closed area is obtained.

FIG. 33 illustrates a situation in which a portion of the target occlusion graphic in the drawing interface is moved out of the display interface as a result of moving the drawing interface containing the target occlusion graphic. In the embodiment of the application, the correction amount is calculated by taking the display interface and the drawing interface as two reference surfaces, the drawing interface can be moved into the display interface through the correction amount, so that the target closed graph part is displayed in the display interface, when the drawing interfaces are all in the display interface, the closed contour line of the target closed graph part can be identified, the closed contour line is the complete contour line of the target closed graph part obtained in the display interface, then the correction amount is subjected to inverse operation to obtain an inverse variable of the correction amount, the target closed graph part at the moment is restored to a state before correction according to the inverse variable of the correction amount, the drawing interface in the display interface is restored to an original state before correction, and parameters such as the position, the size, the shape and the like before correction are restored, and accordingly, the closed contour line of each target closed graph part in the display interface is also restored to the original state before correction; and then filling the closed contour line of the target closed graph part indicated by the touch instruction, wherein the closed contour line is identified and obtained in the display interface, so that after the closed contour line is restored, the region in the closed contour line can be filled, and the target closed graph part is completely filled. In the embodiment of the application, the drawing interface is adjusted to be in the display interface, then the closed contour line of the target closed graph part is obtained, the drawing interface is restored to be in an initial state, and then the closed contour line of the target closed graph part indicated by the touch instruction is filled. The effect after filling is shown in fig. 35, and it can be seen in fig. 35 that the portion beyond the display interface is still filled.

In some embodiments, after the drawing interface is adjusted to be in the display interface, filling the target closed graph, and then restoring the filled drawing interface to an initial state; it can be understood that in this case, the restoration needs to be performed on the contour line of the target closed figure and each filling point inside the contour line, and the workload required in the process is large.

In some embodiments, taking the example of moving the drawing interface to move the target closed graphic portion of the drawing interface out of the display interface as shown in fig. 33, the correction amount includes an offset amount, and the drawing interface is moved into the display interface according to the offset amount; the offset comprises a first offset and a second offset, wherein the first offset and the second offset are offsets in an X direction and a Y direction respectively; the first offset is the difference between the X coordinate of the central point of the display interface and the X coordinate of the central point of the peripheral boundary of the drawing interface; and the second offset is the difference value between the Y coordinate of the central point of the display interface and the Y coordinate of the central point of the peripheral boundary of the drawing interface. Wherein, the center point X coordinate of the display interface and the center point Y coordinate of the display interface are shown as the center point (CenterX, centerY) in FIG. 38; the center point X coordinate of the peripheral boundary of the drawing interface, the center point Y coordinate of the peripheral boundary of the drawing interface, as shown in fig. 37, is the center point (R _CenterX ,R _CenterY ) The method comprises the steps of carrying out a first treatment on the surface of the First offset = center x-R _CenterX Second offset = center y-R _CenterY . It should be noted that, the present application is not limited to the manner of obtaining the offset, and other manners are within the protection scope of the embodiments of the present application.

In some embodiments, according to the correction amount obtained above, the drawing interface moving out of the display interface is adjusted to the display interface, then each minimum closed area in the drawing interface is obtained according to a scanning line seed filling algorithm, and then the closed contour line corresponding to the minimum closed area is obtained. Specifically, as shown in fig. 39, when the graph corresponding to the minimum closed area is a convex graph, the closed contour line adopts an outer contour line; when the graph corresponding to the minimum closed area is a concave graph, the closed contour line adopts an outer contour line; when the graph corresponding to the minimum closed area is an annular graph, the closed contour line is represented by adopting a combination of an outer contour line and an inner contour line.

In some embodiments, the correction amount is inversely calculated to obtain an inverse variable of the correction amount, and then the drawing interface moved into the display interface is moved to an initial state according to the inverse variable of the correction amount, so that the drawing interface is restored to initial parameters such as an initial position, a size and a shape. Taking the example of moving the drawing interface to move the target closed figure part out of the display interface in the example of fig. 33, the inverse variable of the correction amount comprises the inverse variable of the offset amount, and the drawing interface is moved into the display interface according to the offset amount so that the target closed figure is displayed in the display interface; the inverted variables of the offset include a first offset inverted variable and a second offset inverted variable, wherein the center point X coordinate of the display interface, the center point Y coordinate of the display interface are as shown in fig. 38 (R _CenterX ,R _CenterY ) The method comprises the steps of carrying out a first treatment on the surface of the The center point X coordinate of the peripheral boundary of the drawing interface, the center point Y coordinate of the peripheral boundary of the drawing interface, as shown in fig. 37, is the center point (R _CenterX ,R _CenterY ) The method comprises the steps of carrying out a first treatment on the surface of the First offset inverse variable = R _CenterX -center x, second offset inverse = R _CenterY -center y. It should be noted that, the present application is not limited to the manner of obtaining the offset, and other manners are within the protection scope of the embodiments of the present application.

In some embodiments, the closed contour line of the target closed graph indicated by the touch instruction is filled, and because the complete closed contour line is identified and obtained in the display interface, after the closed contour line is restored, the area in the closed contour line can be filled, so that the color filling effect of the part of the target closed graph displayed in the display interface is realized.

Fig. 34 shows a case where a portion of the target closed figure is displayed inside the display interface and the rest is displayed outside the display interface due to enlargement of the drawing interface containing the target closed figure. In the embodiment of the application, the correction amount is calculated by taking the display interface and the drawing interface as two reference surfaces, the drawing interface can be reduced to the display interface through the correction amount, so that the drawing interface is completely displayed in the display interface, when the drawing interface is in the display interface, the closed contour line of the target closed figure can be identified, the closed contour line is the complete contour line of the target closed figure obtained in the display interface, then the correction amount is subjected to inverse operation to obtain an inverse variable of the correction amount, the drawing interface at the moment is restored to a state before correction according to the inverse variable of the correction amount, the drawing interface in the display interface is restored to an original state before correction, and parameters such as the position, the size and the shape before correction are restored, and accordingly, the closed contour line of the target closed figure in the display interface is also restored to the original state before correction; and then filling the closed contour line of the target closed graph indicated by the touch instruction, wherein the closed contour line of the complete target closed graph is identified and obtained in the display interface, so that after the closed contour line is restored, the area in the closed contour line can be filled, thereby realizing the complete filling of the target closed graph and realizing the color filling effect of the part of the target closed graph displayed in the display interface. In the embodiment of the application, the drawing interface is adjusted to be in the display interface, then the closed contour line of the target closed graph is obtained, the drawing interface is restored to be in an initial state, and then the closed contour line of the target closed graph indicated by the touch instruction is filled. The effect after filling is shown in fig. 36, and it can be seen in fig. 36 that the portion beyond the display interface is still filled.

In some embodiments, after the drawing interface is adjusted to be in the display interface, filling the target closed graph, and then restoring the drawing interface after filling to an initial state; it can be understood that in this case, the restoration needs to be performed on the contour line of the target closed figure and each filling point inside the contour line, and the workload required in the process is large.

In some embodiments, taking the example of FIG. 34 in which the portion of the target occluding graphic is displayed within the display interface and the remaining portion is displayed outside the display interface as a result of zooming in the drawing interface, zooming in the drawing interface to move the portion of the target occluding graphic out of the display interface actually includes zooming in and out, so that the correction includes a reduction ratio and an offset, and in particular the offset includes a first offset and an offsetThe first offset and the second offset are offset in the X direction and the Y direction respectively; the first offset is the difference between the X coordinate of the central point of the display interface and the X coordinate of the central point of the peripheral boundary of the drawing interface; and the second offset is the difference value between the Y coordinate of the central point of the display interface and the Y coordinate of the central point of the peripheral boundary of the drawing interface. Wherein, the center point X coordinate of the display interface and the center point Y coordinate of the display interface are shown as the center point (CenterX, centerY) in FIG. 38; the center point X coordinate of the peripheral boundary of the drawing interface, the center point Y coordinate of the peripheral boundary of the drawing interface, as shown in fig. 37, is the center point (R _CenterX ,R _CenterY ) The method comprises the steps of carrying out a first treatment on the surface of the First offset = center x-rcenter x and second offset = center y-rcenter y. Specifically, the reduction ratios include a width reduction ratio and a height reduction ratio, the reduction ratio taking a relatively smaller value of both the width reduction ratio and the height reduction ratio as a final reduction ratio value, and when the width reduction ratio is smaller than the height reduction ratio, the reduction ratio value is the width reduction ratio; when the width reduction ratio is larger than the height reduction ratio, the reduction ratio takes the value of the height reduction ratio; wherein the width reduction ratio is a ratio of the first width to the second width; the height reduction ratio is a ratio of the first height to the second height; the first width and the first height are respectively the width and the height corresponding to the display interface; the second width and the second height are respectively the width and the height corresponding to the peripheral boundary of the drawing interface. The first width and the first height are screen width and screen height as shown in fig. 38, and the second width and the second height are region width and region height as shown in fig. 37, the width reduction ratio=screen width/region width, and the height reduction ratio=screen height/region height.

In some embodiments, according to the correction amount obtained above, the drawing interface moving out of the display interface is adjusted to the display interface, then each minimum closed area in the drawing interface is obtained according to a scanning line seed filling algorithm, and then the closed contour line corresponding to the minimum closed area is obtained.

In some embodiments, the correction amount is inversely calculated to obtain an inverse variable of the correction amount, and then the drawing interface moved into the display interface is moved to an initial state according to the inverse variable of the correction amount, so that the drawing interface is restored to initial parameters such as an initial position, a size and a shape. Taking the example of fig. 34 in which the target closed graphic portion is displayed in the display interface due to enlargement of the drawing interface and the rest is displayed outside the display interface as an example, the inverse variable of the correction amount includes the inverse variable of the offset amount and the inverse variable of the reduction ratio, that is, the enlargement ratio, and the drawing interface is moved into the display interface according to the offset amount; the inverted variables of the offset comprise a first inverted variable of the offset and a second inverted variable of the offset, wherein the X coordinate of the center point of the display interface and the Y coordinate of the center point of the display interface are the center points (CenterX, centerY) shown in fig. 38; a center point (RCenterX, RCenterY) of the peripheral boundary of the drawing interface, the center point X coordinate of the peripheral boundary of the drawing interface, and the center point Y coordinate of the peripheral boundary of the drawing interface are as shown in fig. 37; first offset inverse = rcenter x-center x, second offset inverse = rcenter y-center y. Taking the screen width and screen height shown in fig. 38 as an example, the region width and region height shown in fig. 37, the width enlargement ratio=region width/screen width, and the height reduction ratio=region height/screen height.

It should be noted that, in the embodiment of the present application, taking the translation of the drawing interface or the enlargement of the drawing interface as an example, the situation that other operations cause the target closed graphics in the drawing interface to not be displayed on the display interface is also solved by the technical solution of the present application.

Referring to fig. 40, another interface schematic of a drawing board application according to some embodiments, as shown in fig. 40, in the drawing process, a user typically first clicks to select a color, thickness (width value), etc. of a brush, and draws a different pattern along with the user input touch action. The screen color of the display displays the ARGB value of the corresponding pixel, the controller 250 calculates the ARGB value of the drawn screen pixel according to the brush color and thickness information selected by the user, and transmits the calculated ARGB value to the display, and the display displays the drawing figure according to the calculated ARGB value. The arrows in the figure show the gesture drawn for the user touch action.

Referring to FIG. 41, another interface diagram of a palette application according to some embodiments, as shown in FIG. 41, depicts a user touch gesture after selecting a brush color, width value for FIG. 40.

Wherein ARGB is a color mode, that is, RGB color mode is added with transparency channel. The RGB color pattern is a pattern in which three color channels of Red (Red), green (Green), and Blue (Blue) are changed and superimposed on each other to obtain various colors.

In the painting process, the canvas is often coated by using different colors, and the colors in the painting process adopt alternative modes, such as red color of the original canvas, and the pixel value ARGB is (255, 0, alpha 1); the brush color is blue and its pixel value ARGB is (0, 255, alpha 2), and finally the brush color (0, 255, alpha 2) is displayed. And the color is inconsistent with the color of color overlapping and color mixing presentation in the drawing process in reality.

The application provides a color mixing display method which can be applied to a display device 200, and in order to implement the color mixing display method, the display device 200 comprises a display, a touch control component and a controller, wherein the touch control component is configured to detect the color of a painting brush and the touch control track input by a user. A schematic flow diagram of a color mixture display method according to some embodiments is schematically shown in fig. 42. As shown in fig. 42, the color mixture display method includes the steps of:

And acquiring a painting brush color value and a width value input by a user.

The user can select the color of the painting brush by clicking in the toolbar area of the application interface, the toolbar area displays different color control and width control, and the painting brush color value corresponding to the color control and the painting brush width value corresponding to the width control are stored in the memory. The touch assembly will sense a touch action to generate an electrical signal. After the controller receives the electric signal, the duration of the level corresponding to the touch action in the electric signal can be judged, and when the duration is smaller than a preset time threshold, the click touch instruction input by the user is recognized. The controller 250 then extracts the location features generated by the electrical signals to determine the brush color value and the width value.

In some embodiments of the present application, the color value of the brush input by the user may be obtained by obtaining the color value of the pixel at the current click position of the user, that is, the color value of the brush input by the user. Wherein, the pixel color value of the current pixel point set is recorded by ARGB, for example: the color value of a certain pixel is (R0, G0, B0, alpha 0).

The width of the brush is the radius of the corresponding user click position stored by the controller.

And acquiring a touch event type, judging whether the touch event is a mobile event, and if the touch event type is the mobile event, performing the next step.

And judging whether the touch event is a movement event according to whether the finger moves at the position of the touch display screen or not and according to the movement range of the finger at the position of the touch display screen and a preset pixel point value. If the moving range of the two adjacent hand-painted points on the display screen is smaller than the preset pixel point value, the touch event is a moving event.

When the moving range of the finger at the position of the touch display screen is smaller than the preset pixel point value, judging that the finger does not move, namely the touch event does not have track movement.

The moving range is the sum of the coordinate of the finger moving on the X axis of the touch display screen and the coordinate of the finger moving on the Y axis of the touch display screen, and the moving range is smaller than 3 pixels, and the sum of the coordinate of the finger moving on the X axis of the touch display screen and the coordinate of the finger moving on the Y axis of the touch display screen is smaller than 3.

And if the touch event type is a movement event, acquiring hand-drawing pixel information input by a user, wherein the hand-drawing pixel information comprises hand-drawing point pixel position values.

In performing the hand-drawing shape recognition, the controller 250 of the display device 200 may acquire a hand-drawing shape trajectory input by the user from the touch assembly. The hand-drawn graphical trace is a data set consisting of a plurality of hand-drawn point coordinates. For the display apparatus 200, a user may input a drawing action through a built-in touch component or an external input device 500 thereof, and the drawing action may generate a voltage change on the touch component, and the voltage change may be detected, transmitted and stored, thereby implementing detection of a hand drawing point. The touch assembly then converts the detected hand-drawn data into input data that can be recognized by the controller 250.

According to different types of touch components, the detection modes of drawing actions input by a user are different. For example, for a touch component built in the display device 200, a touch screen may be formed with the display, and then the touch point position of the user may be detected by the touch component, so as to detect a hand-drawing-shaped track input by the user. For another example, the input device may be a peripheral device such as a mouse, and when the user moves the mouse, the cursor on the interface of the display device 200 moves along with the peripheral device, and at this time, by detecting a click event of the mouse, such as pressing a left button of the mouse and releasing the left button of the mouse, and detecting the movement position of the cursor in the two click events, the position data passed by the cursor is determined, so as to realize detection of the hand-drawing shape track input by the user.

The touch event in the application can be input by a finger of a user. Since the process of inputting drawing actions by the user is a continuous process, the user needs to take a certain time to complete the input of the hand-drawn graphic track. In general, for a partially simpler graph, the input drawing action may be detected in terms of the start time and end time at which the user performs one drawing. For example, when a user performs a drawing action through a finger touch operation, the drawing action is started when the finger just starts to contact the touch screen, and when the finger leaves the touch screen, the drawing action is ended, and in the time period when the finger contacts the touch screen, coordinates of all position points passed by the finger can form a hand drawing shape track input by the user. All the position points passed by the finger are hand-painted points.

The drawing action input by the touch screen is detected at a certain time interval, so that a certain time and a certain distance exist between two adjacent touch position acquisitions.

Because the finger is a single pixel at the touch point of the touch component, and the obtained hand-painted point is discontinuous pixel point position information. In order to obtain more accurate hand-painted point pixel information, the difference value operation is carried out on the hand-painted point pixels, and the hand-painted point position information is obtained.

In the embodiment of the present application, the process of acquiring the drawing track between two touch points is: and acquiring position information of a first touch point and a second touch point, wherein the first touch point and the second touch point are touch points acquired by the touch screen in adjacent time, and the first touch point is earlier than the second touch point in time.

And performing difference operation on the position information of the first touch point and the position information of the second touch point to obtain the position information of the difference point.

In order to achieve the effect of displaying the brushes with different widths, a pixel point set with the distances from all the pixel points of the drawing track within the width range is obtained according to the widths of the brushes. The drawing track comprises a first touch point, a second touch point and a difference point.

And acquiring pixel position information and background color information of a target pixel point set, wherein the target pixel point set is a set of all pixel points with the distance from the hand-drawing shape track being less than or equal to the width of the drawing pen. The target pixel set is all the pixels after the gesture track of the user and the width value of the brush in fig. 41 are calculated.

And calculating the target color value of each pixel by using a color superposition calculation formula to obtain color information after coloring, namely target color information.

The pixels in the target pixel point set are target pixels.

The background color value of a pixel point is the current color information of the pixel point, and comprises the color and the transparency of the pixel point. The touch controller is internally provided with an original drawing chart, and the original drawing chart comprises position information and color values of all pixels of the original drawing chart and is defined as an initial pixel point set. When the position information of the target pixel point in the target pixel point set is consistent with that of the initial pixel point, calculating the color value of each pixel in the target pixel point set by using a color superposition calculation formula to obtain a target color value, and updating the position information of the target pixel point and the target color value to the original drawing chart.

If the target pixel point does not exist in the initial pixel point set, the target color of the target pixel point is the brush color. And adding the information of the target pixel point to the original drawing chart.

In the embodiment of the application, the position information of the first touch point and the position information of the second touch point are obtained.

And acquiring the position information of the first touch point, namely the pixel coordinate value of the first touch point.

And acquiring the position information of the second touch point, namely the pixel coordinate value of the second touch point.

The first touch point and the second touch point are touch points acquired by the touch screen in sequence in adjacent time, and the first touch point is earlier than the second touch point in time for convenience of description. In the present application, the touch point is a center point of the finger touch area.

And performing difference operation on the position information of the first touch point and the second touch point to obtain the position information of the difference point.

And calculating the position information of all pixel points with the distance from the hand-drawing shape track smaller than or equal to the width R of the painting brush according to the width R of the painting brush selected by the user, and combining the position information to form a target pixel point set. The hand-drawing point comprises a first touch point, a second touch point and a difference point between the first touch point and the second touch point.

And acquiring the position information and the current color value of the target pixel point in the target pixel point set, wherein the current color value of the target pixel point is the background color value of the target pixel point.

And calculating the target color value of the target pixel point by utilizing the background color value of the target pixel point and a preset color superposition calculation formula.

The color superposition calculation formula provided in the application is as follows:

Alpha3＝1-(1-Alpha1)*(1-Alpha2)(1)

R3＝(R1*Alpha1+R2*Alpha2*(1-Alpha1))/Alpha(2)

G3＝(G1*Alpha1+G2*Alpha2*(1-Alpha1))/Alpha(3)

B3＝(B1*Alpha1+B2*Alpha2*(1-Alpha1))/Alpha(4)

wherein in formulas (1), (2), (3), (4), (R1, G1, B1, alpha 1) represent brush color information; (R2, G2, B2, alpha 2) represents the pixel initial color value and (R3, G3, B3, alpha 3) represents the pixel target color information.

And the display displays according to the pixel position information and the target color information of the target pixel point set. And the display performs color display according to the pixel position information corresponding to the pixel point set and the color value corresponding to each pixel point in the pixel point set after the color coating.

In the embodiment of the application, the controller acquires the positions of the touch points adjacent to each other twice, calculates the positions of all the pixel points in the hand-drawn track, and then calculates the target pixel point set by using the width value of the painting brush. And calculating the target color value of the target pixel point by utilizing the background color value of the target pixel point and a preset color superposition calculation formula, and displaying the target color of the target pixel point. And then, the next acquisition of the position information of the touch point is carried out.

FIG. 43 is a drawing showing the effect of the color display of the middle drawing board in the current mode; fig. 44 is a drawing board color display effect diagram in the technical scheme of the application. Fig. 43 and 44 each show the effect of drawing with a blue brush against a red background. In fig. 43 and 44, the P area is a background, the Q area is a drawing area, and the pixel color of the background in fig. 43 and 44 is the same as the drawing area. According to the technical scheme provided by the embodiment, as shown in fig. 43 and 44, after the blue painting brush is adopted for drawing under the red background, the color mixing effect is generated, and more truly, the user experience is improved.

In summary, the present application provides a display device and a color mixture display method, which can be applied to the display device, wherein the color mixture display method includes: acquiring a painting brush color value and a width value input by a user; acquiring pixel coordinate values of a touch point corresponding to the hand-drawn track; performing difference operation on the adjacent touch points to obtain position information of the hand-painted points; acquiring the target pixel point set; the target pixel point set is a set of pixel points with the distance from the hand-painted point being smaller than or equal to the width value, and the target pixel point set comprises coordinate values and initial color values of all target pixel points; and calculating the target color value of the target pixel point by using a preset color superposition calculation formula according to the painting color value and the initial color value of the target pixel point, and controlling the display of the target pixel point in the display to be the target color value. The display graphically displays the target color value of the target pixel. By using the color superposition algorithm, the pixel color value after color superposition is calculated, so that the color of the current painting brush can generate a color mixing effect with the original color of the painting board in the painting process of the painting board, and the painting is enabled to have more realism.

In a specific implementation, the present invention further provides a computer storage medium, where the computer storage medium may store a program, where the program may include some or all of the steps in each embodiment of the display device and the color filling method provided by the present invention when the program is executed. The storage medium may be a magnetic disk, an optical disk, a read-only memory (ROM), a random-access memory (random access memory, RAM), or the like.

It will be apparent to those skilled in the art that the techniques of embodiments of the present invention may be implemented in software plus a necessary general purpose hardware platform. Based on such understanding, the technical solutions in the embodiments of the present invention may be embodied in essence or what contributes to the prior art in the form of a software product, which may be stored in a storage medium, such as a ROM/RAM, a magnetic disk, an optical disk, etc., including several instructions for causing a computer device (which may be a personal computer, a server, or a network device, etc.) to execute the method described in the embodiments or some parts of the embodiments of the present invention.

The same or similar parts between the various embodiments in this specification are referred to each other. In particular, for the display device and the control method embodiment of the display device, since they are substantially similar to the display device embodiment, the description is relatively simple, and the relevant points are referred to the description in the display device embodiment.

The embodiments of the present invention described above do not limit the scope of the present invention.

Claims

A display device, comprising:

the display is used for presenting an electronic drawing board interface, the electronic drawing board interface comprises a control area and a drawing area, the control area comprises at least one drawing control, the drawing control is used for inputting contents on the drawing area, and the drawing area is used for presenting the contents input by the drawing control and displaying target pictures;

the touch control assembly is used for receiving an instruction input by a user through touch control, wherein the touch control assembly and the display form a touch control screen;

a controller configured to:

responding to an instruction input by a user for indicating to display a target picture, and displaying the target picture in the drawing area, wherein the target picture comprises at least one closed area;

determining a sliding path between a drawing start point and a drawing end point in response to a sliding operation from the drawing start point to the drawing end point input by a user in the drawing area;

and controlling the sliding path positioned in a target closed area to be filled with a preset color, and controlling the sliding path positioned outside the target closed area to be not filled with the color, wherein the target closed area is the closed area where the drawing starting point is positioned.
The display apparatus of claim 1, the controlling the sliding path located at a target closed region to fill a preset color, and the controlling the sliding path located outside the target closed region to not fill a color, further comprising:

judging whether the pixel point where the drawing starting point is located is the pixel point in the first closed region according to the pixel point position information in the first closed region, wherein the first closed region is any closed region in the target picture;

and if the pixel point where the drawing starting point is located is the pixel point in the first closed region, determining the first closed region as a target region.
The display device according to claim 2, wherein the determining, according to the pixel location information in the first closed region, whether the pixel where the drawing start point is located is before the pixel in the first closed region, further comprises:

traversing pixel points in the target picture, and acquiring the position information of each pixel point;

and storing the position information of each pixel point in a classified mode according to the closed area where the pixel point is located.
The display apparatus of claim 3, the controlling the sliding path located in a target closed region to fill a preset color and controlling the sliding path located outside the target closed region to not fill a color, further comprising:

Judging whether the pixel point passed by the sliding path is the pixel point in the target closed area or not according to the position information of each pixel point passed by the sliding path;

and if the pixel point passing by the sliding path is the pixel point in the target closed area, color filling is carried out on the pixel point passing by the sliding path.
The display device according to claim 4, wherein if the pixel point through which the sliding path passes is the pixel point in the target closed region, the color filling is performed on the pixel point through which the sliding path passes, further comprising:

responding to the triggering operation of a user on the brush control, and determining the filling color indicated by the brush control;

and filling the color of the pixel point through which the sliding path passes according to the filling color value corresponding to the filling color.
The display device of claim 5, further comprising:

determining the shortest distance between any two adjacent pixel points passed by the sliding path as a first distance, and determining the filling radius of the first pixel point when the first pixel point is filled with color as a second distance;

and if the first distance is larger than the second distance, generating a preset number of interpolation pixel points between the two adjacent pixel points.
The display device of claim 6, further comprising:

judging whether each interpolation pixel point is positioned in the target closed area or not;

controlling to carry out color filling on the interpolation pixel points positioned in the target closed area;

and controlling to eliminate the interpolation pixel points which are positioned outside the target closed area.
The display device of claim 7, the controlling color filling the interpolated pixel point located in the target occlusion region, further comprising:

acquiring a filling color value of one first pixel point closest to the interpolation pixel point;

and performing color filling on the interpolation pixel points according to the filling color values.
The display device of claim 1, the control region further comprising a trigger button, the controlling the sliding path located outside of a target closed region to fill a preset color and controlling the sliding path located outside of the target closed region to not fill a color, further comprising:

and controlling the display device to enter a color filling protection mode in response to the operation of the trigger button, wherein the color filling mode is to fill the preset color in the sliding path in the target closing area.
A color filling method, comprising: responding to an instruction input by a user for indicating to display a target picture, and displaying the target picture in a drawing area, wherein the target picture comprises at least one closed area;

determining a sliding path between a drawing start point and a drawing end point in response to a sliding operation from the drawing start point to the drawing end point input by a user in the drawing area;

and controlling the sliding path positioned in a target closed area to be filled with a preset color, and controlling the sliding path positioned outside the target closed area to be not filled with the color, wherein the target closed area is the closed area where the drawing starting point is positioned.