WO2023273462A1 - 一种显示设备及填色方法 - Google Patents

一种显示设备及填色方法 Download PDF

Info

Publication number
WO2023273462A1
WO2023273462A1 PCT/CN2022/084172 CN2022084172W WO2023273462A1 WO 2023273462 A1 WO2023273462 A1 WO 2023273462A1 CN 2022084172 W CN2022084172 W CN 2022084172W WO 2023273462 A1 WO2023273462 A1 WO 2023273462A1
Authority
WO
WIPO (PCT)
Prior art keywords
color
area
target
point
pixel
Prior art date
Application number
PCT/CN2022/084172
Other languages
English (en)
French (fr)
Inventor
董率
张振宝
李乃金
王之奎
肖媛
Original Assignee
海信视像科技股份有限公司
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Priority claimed from CN202110748425.0A external-priority patent/CN113709546A/zh
Priority claimed from CN202210128208.6A external-priority patent/CN114501107A/zh
Priority claimed from CN202210127412.6A external-priority patent/CN115550716A/zh
Priority claimed from CN202210178587.XA external-priority patent/CN115543160A/zh
Priority claimed from CN202210191377.4A external-priority patent/CN115550718A/zh
Application filed by 海信视像科技股份有限公司 filed Critical 海信视像科技股份有限公司
Priority to CN202280046883.2A priority Critical patent/CN117616461A/zh
Publication of WO2023273462A1 publication Critical patent/WO2023273462A1/zh

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T11/00—2D [Two Dimensional] image generation
    • G06T11/40—Filling a planar surface by adding surface attributes, e.g. colour or texture
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T11/00—2D [Two Dimensional] image generation
    • G06T11/80—Creating or modifying a manually drawn or painted image using a manual input device, e.g. mouse, light pen, direction keys on keyboard

Definitions

  • the present application relates to the technical field of smart TV drawing boards, in particular to a display device and a coloring method.
  • Display devices refer to terminal devices capable of outputting specific display images, such as smart TVs, mobile terminals, smart advertising screens, projectors, etc.
  • smart TV can be based on Internet application technology, has an open operating system and chip, has an open application platform, can realize two-way human-computer interaction, and integrates multiple functions such as audio-visual, entertainment, education, and data.
  • TV products are used to meet the diverse and personalized needs of users.
  • a drawing board application software can be installed on a smart TV, and the drawing board application software provides users with various types of coloring pictures for the user to color in.
  • the present application provides a display device, including:
  • the display is used to present an electronic drawing board interface
  • the electronic drawing board interface includes a control area and a drawing area
  • the control area includes at least one brush control
  • the brush control is used to input content on the drawing area
  • the drawing area Used to present the content input by the brush control and display the target picture
  • a touch component configured to receive an instruction input by a user through touch, wherein the touch component and the display form a touch screen;
  • Controller configured as:
  • the target picture including at least one closed area
  • the present application provides a coloring method applied to a display device, including:
  • the target picture including at least one closed area
  • the present application provides a display device, including: a display configured to display a coloring interface, the coloring interface includes a coloring picture, a coloring control, and an erasing control, and the coloring picture includes a coloring area and a surrounding area The boundary of the coloring area;
  • the touch component is used to receive instructions from the user’s touch input, wherein the touch component and the display form a touch screen;
  • the controller is configured to: obtain the movement track formed by the user selecting pixels on the touch screen ;Confirm the target erasing area corresponding to the movement track; determine whether the position coordinates of each pixel in the target erasing area are the position coordinates of the boundary; if the position coordinates of the pixel point are not the position coordinates of the boundary, delete the pixel point; if the pixel The position coordinates of the point are the position coordinates of the boundary, then the boundary is preserved.
  • the present application provides a display method, including: obtaining the movement track formed by the user selecting pixels on the touch screen; confirming the target erasing area corresponding to the moving track; judging the position coordinates of each pixel in the target erasing area Whether it is the position coordinate of the boundary; if the position coordinate of the pixel point is not the position coordinate of the boundary, delete the pixel point; if the position coordinate of the pixel point is the position coordinate of the boundary, then keep the boundary.
  • the present application provides a display method, including: obtaining a movement track formed by a pixel selected by a user on a touch screen; confirming a target erasing area corresponding to the movement track; and judging the position coordinates of each pixel in the target erasing area Whether it is the position coordinate of the boundary; if the position coordinate of the pixel point is not the position coordinate of the boundary, delete the pixel point; if the position coordinate of the pixel point is the position coordinate of the boundary, then keep the boundary.
  • the present application provides a display device, including:
  • Controller configured as:
  • the drawing board interface includes a control area and a drawing area
  • the control area includes at least one brush control
  • the brush control is used to input content on the drawing area
  • the drawing area is used to present the input content ;
  • a color picking control is displayed on the drawing area, the color picking control is at least used to indicate a color picking point and a picked color, and the picked color is the color picked in the drawing area the color of the point;
  • the picked color determined according to the color picking point indicated by the current color picking control is set as the input color of the brush control.
  • the present application also provides a color picking method applied to a display device, the method comprising:
  • the drawing board interface includes a control area and a drawing area
  • the control area includes at least one brush control
  • the brush control is used to input content on the drawing area
  • the drawing area is used to present the input content ;
  • a color picking control is displayed on the drawing area, the color picking control is at least used to indicate a color picking point and a picked color, and the picked color is the color picked in the drawing area the color of the point;
  • the picked color determined according to the color picking point indicated by the current color picking control is set as the input color of the brush control.
  • the embodiment of the present application discloses a display device, including:
  • the touch component is configured to obtain user's touch point input in the display interface area
  • controller is configured to:
  • the embodiment of the present application discloses a graphic filling method, including:
  • Fig. 1 is a schematic diagram of an operation scene between a display device and a control device 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.
  • Figure 4 is a schematic diagram of an electronic drawing board in some embodiments.
  • Fig. 5 is a schematic diagram of a picture option bar in some embodiments.
  • Fig. 6 is a schematic diagram of a toolbar page in some embodiments.
  • Fig. 7 is a schematic diagram of a brush tool bar in some embodiments.
  • Fig. 8 is a schematic diagram of some embodiments in which the content input by the user exceeds the area boundary of the closed area of the target picture;
  • Fig. 9 is a schematic diagram of color filling protection mode items in some embodiments.
  • Fig. 10 is a page diagram of the confirmation information page of the coloring protection mode in some embodiments.
  • Fig. 11 is an information interaction diagram 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 track in some embodiments.
  • Fig. 14 is a flow chart of a coloring method
  • Fig. 15a is a schematic diagram of another electronic drawing board interface according to some embodiments.
  • Fig. 15b is a schematic diagram of another electronic drawing board interface according to some embodiments.
  • Fig. 16a shows a schematic flowchart of a display method according to some embodiments
  • Fig. 16b shows a schematic flowchart of a display method according to some embodiments
  • Fig. 17 shows a schematic diagram of a coloring picture displayed on a display device 200 according to some embodiments
  • Figure 18 shows a schematic diagram of a target drop point according to some embodiments.
  • Fig. 19 shows a schematic diagram of an erasing range of a preset erasing width r according to some embodiments
  • Figure 20 shows a schematic diagram of a coloring picture being filled in according to some embodiments
  • Fig. 21 shows a schematic diagram of a target landing point of an erasing track according to some embodiments
  • Figure 22 shows a schematic diagram of a coloring picture after erasing colors according to some embodiments
  • Fig. 23 is a schematic diagram of a drawing board interface according to some embodiments.
  • Fig. 24 is a schematic diagram of a drawing board interface and a color picking control according to some embodiments.
  • Fig. 25 is a schematic diagram of another drawing board interface and a color picking control according to some embodiments.
  • Fig. 26 is a schematic diagram of another drawing board interface and a color picking control according to some embodiments.
  • Fig. 27 is a schematic diagram of a drawing board interface and a color picking control according to some embodiments.
  • Fig. 28 is a schematic diagram of another drawing board interface and a color picking control according to some embodiments.
  • Fig. 29 is a flowchart of a color picking method according to some embodiments.
  • FIG. 30 exemplarily shows a schematic diagram of the filling effect of the target closed figure beyond the display interface in the related art
  • Fig. 31 exemplarily shows a schematic diagram of the relative positional relationship between the drawing interface and the display interface according to some embodiments
  • Fig. 32 exemplarily shows a schematic diagram of displaying a drawing interface in a display interface according to some embodiments
  • FIG. 33 exemplarily shows a schematic diagram of a display in which the drawing interface is moved out of the display interface according to some embodiments
  • Fig. 34 exemplarily shows a schematic diagram of a drawing interface enlarged beyond the display interface according to some embodiments
  • Fig. 35 exemplarily shows a schematic diagram of the filling effect when the drawing interface moves out of the display interface according to some embodiments
  • Fig. 36 exemplarily shows a schematic diagram of the filling effect when the drawing interface is enlarged beyond the display interface according to some embodiments
  • Fig. 37 exemplarily shows a schematic diagram related to the calculation of the correction amount according to some embodiments.
  • Fig. 38 exemplarily shows a schematic diagram related to the calculation of the correction amount according to some embodiments.
  • Figure 39 exemplarily shows a schematic diagram of contour line identification according to some embodiments.
  • Fig. 40 is a schematic diagram of another interface of the drawing board according to some embodiments.
  • Fig. 41 is a schematic diagram of another interface of the drawing board application according to some embodiments.
  • FIG. 42 exemplarily shows a schematic flowchart of a color mixing display method according to some embodiments.
  • Fig. 43 is an effect diagram showing the color of the drawing board in the prior art.
  • Fig. 44 is an effect diagram of color display of the drawing board in the technical solution of the present application.
  • module refers to any known or later developed hardware, software, firmware, artificial intelligence, fuzzy logic, or combination of hardware or/and software code capable of performing the function associated with that element.
  • Fig. 1 is a schematic diagram of an operation scene between a display device and a control device according to an embodiment. As shown in FIG. 1 , the user can operate the display device 200 through the smart device 300 or the control device 100 .
  • a mobile terminal or a remote controller controls the display device 200 in a wireless or wired manner.
  • FIG. 2 shows a hardware configuration block diagram of a display device
  • the display device 200 may include a tuner and demodulator 210, a communicator 220, a detector 230, an external device interface 240, a controller 250, a display 260, and an audio output interface. 270. At least one of a memory, a power supply, and a user interface.
  • the display 260 includes a display screen component for presenting images, and a drive component for driving image display, for receiving image signals output from the controller, and displaying video content, image content, and menu manipulation interface. Components and users manipulate the UI interface.
  • the user can input a user command on 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).
  • GUI graphical User Interface
  • the user may input a user command by inputting a specific sound or gesture, and the user input interface recognizes the sound or gesture through a sensor to receive the user input command.
  • GUI graphical user interface
  • control can include icons, buttons, menus, tabs, text boxes, dialog boxes, status bars, navigation bars, widgets, etc. visual interface elements.
  • the hardware or software architecture in some embodiments may be based on the introductions in the above embodiments, and in some embodiments may be based on other similar hardware or software architectures, as long as the technical solutions of the present application can be implemented.
  • the display device 200 can support the touch interaction function by adding a touch component.
  • the touch component and the display 260 together constitute a touch screen.
  • the user can input different control commands through touch operations.
  • touch commands such as click, slide, long press, and double click, and different touch commands may represent different control functions.
  • the controller 250 can extract different features and determine the type of the touch command through feature judgment, and then execute corresponding control functions according to preset interaction rules.
  • the touch component also supports multi-touch, so that the user can input touch actions with multiple fingers on the touch display screen, for example, multi-finger click, multi-finger long press, multi-finger slide, etc.
  • control device 100 can be a stylus, and the user can input user instructions by clicking on the touch screen through the stylus, such as a capacitive pen, to complete the color filling or erasing of the picture on the display device 200 .
  • the control device 100 may also be a mouse. When the mouse is pressed and moved, the color filling or erasing of the picture on the display device 200 is completed.
  • control device 100 includes a control unit, the control unit is used to receive the movement trajectory presented by the position of the human hand sliding on the display over time, and generate corresponding control instructions according to the movement trajectory to complete the control. A color fill or wipe of the picture on the display device 200 .
  • specific functions can also be realized by cooperating with specific application programs.
  • the display 260 can present a drawing area, and the user can draw a specific touch motion track in the drawing area through a sliding touch command, and the controller 250 can use the touch control detected by the touch component to Action, determine the touch action pattern, and control the display 260 to display it in real time, so as to meet the demonstration effect.
  • FIG. 3 shows a user interface on the display in some embodiments.
  • the user may click "My Applications" in the user interface to view the application list.
  • the Apps list includes all apps installed on the display device.
  • the display device can install a drawing board application, and some other applications, such as: player application, camera application and so on.
  • the application list is displayed on the display, the user can select one of the applications and open it, so as to trigger entering the interface of the application.
  • the display device can generate touch traces according to the user's touch actions, so as to realize the function of sketchpad demonstration or entertainment.
  • an electronic drawing board interface appears on the display.
  • user interface objects, information and/or inputtable content areas corresponding to one or more functions of the sketchpad application are displayed.
  • the aforementioned user interface objects refer to the objects that constitute the electronic sketchpad interface, which may include but not limited to text, images, icons, soft keys (or "virtual buttons"), drop-down menus, radio buttons, check boxes, selectable lists, etc. Wait.
  • 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 interact with the user interface object by touching the touch screen at the position of the touch screen corresponding to the interactive object that the user wishes to interact with.
  • the display device detects the contact, and responds to the detected contact by performing an operation corresponding to the interaction of the interactive object, so as to implement drawing in the sketchpad application.
  • some or all of the steps involved in the embodiments of the present application are implemented in the operating system and in the application program.
  • the application program used to implement some or all of the steps in the embodiment of the present application is called the above-mentioned "sketch application", which is stored in the memory, and the controller 250 controls the application program by running the application program in the operating system.
  • Display device 200 operates and responds to user operations related to the application.
  • the display device involved in the embodiment of the present application includes but is not limited to the display device 200 introduced in the above embodiment, and can also be other terminal devices with image display function, data processing and information sending and receiving functions, such as mobile phone, tablet computer and other portable mobile terminals.
  • the following will take a display device as an example to describe the embodiment of the present application in detail.
  • FIG. 4 is an exemplary electronic drawing board interface.
  • the electronic drawing board interface includes a drawing area D and a control area T.
  • the drawing area is an area where content can be input
  • the control area displays item entries corresponding to one or more functions of the sketchpad application, for example, "insert" item entry and "tool” item storage, etc.
  • the drawing area and the control area can be located in different positions of the same layer, and the drawing area and the control area can also be located in different layers.
  • the drawing area and the control area as being located in different layers as an example, the drawing The area can be part or all of the first layer, the first layer is located on the electronic drawing board interface, the control area can be part or all of the second layer, and the second layer can be superimposed on the first layer Above, the second layer can also be set side by side with the first layer, so as to display the content corresponding to the drawing area and the control area in the electronic drawing board interface.
  • the display device when the user clicks on the "insert" item, in response to an instruction input by the user indicating to display the target picture, the display device is triggered to display the picture option bar as shown in FIG. 5 .
  • the picture option column includes multiple picture options that can be inserted, such as "picture A", "picture B" and "picture C".
  • the selected picture can be inserted into the sketchpad application and displayed in the drawing area.
  • the third layer is generated in response to the instruction input by the user to display the target picture.
  • the third picture is superimposed on the second layer, and the third layer is used to draw the picture option bar.
  • the controller controls to close the third layer, and The layer draws the target picture, so that the display shows the target picture, wherein the picture selected by the user to be inserted is the target picture.
  • the display device when the user clicks on the "Tools” item, the display device is triggered to display the toolbar page as shown in FIG. 6 .
  • the toolbar page includes tools such as "Brush” and "Eraser”.
  • the display device When the user clicks the "paintbrush” tool, the display device is triggered to display the paintbrush toolbar as shown in FIG. 7 .
  • the user can control the brush tool to input content in the drawing area, and the input content is the user's drawing touch track on the area.
  • the target picture may include at least one closed area, each closed area is surrounded by a closed area boundary, and the user can control the brush tool to fill the target picture with color (hereinafter referred to as "color filling”) ).
  • FIG. 8 shows a schematic diagram of a related application in which the content input by the user exceeds the area boundary of the closed area of the target picture.
  • L1 is the line input by the user. The line starts from point A and passes through points B, C, D and E in sequence. Points A and E are located in the closed area, and points B and D are located in the closed area. On the boundary, the part of the line at point B-point C-point D is the part beyond the boundary of the area, which affects the drawing effect.
  • the display device provided by the present application can limit the area boundary of the closed area in the target picture, preventing the content input by the user from exceeding the area boundary of the closed area and affecting the subsequent drawing effect of the user.
  • the display device may be configured with a "color fill protection mode".
  • the area boundary of the closed area can be restricted, so that the content input by the user will not exceed the area boundary of the closed area.
  • the display device is not in the "coloring protection mode", the area boundary of the closed area is not restricted.
  • the user can set the "coloring protection mode" by interacting with the interactive objects in the user interface.
  • the aforementioned interactive object may be a "coloring protection mode” item displayed on the interface of the electronic drawing board.
  • the interface of the electronic drawing board is provided with a "coloring protection mode” item, and when the user selects the "coloring protection mode” item, the controller controls the display device to enter the "coloring protection mode". When the user selects the item again, the controller can control the display device to exit the "coloring protection mode".
  • the controller in order to prevent the user from triggering the "coloring protection mode” by mistake, when the controller receives the "coloring protection mode” instruction, it can control the display to display the "coloring protection mode” confirmation interface, so that the user is in the "coloring protection mode” "Coloring protection mode” confirmation interface to confirm whether to control the display device to enter "coloring protection mode”.
  • the "coloring protection mode” confirmation interface includes “yes” option entry and “no” option entry, when the user selects "yes”
  • the controller controls the display device to enter the "coloring protection mode" so that when the user performs coloring operations on the target picture, each operation can only be colored in a part of the target picture, and will not Apply color to other areas, when the user selects the "No" option entry, the display device will not enter the "coloring protection mode", and the user can perform coloring operations at any position in the target picture every time.
  • coloring protection mode is only an exemplary function name/mode name defined for convenience of description, which represents a certain function of the display device, and does not limit the protection scope of the technical solution of the present application.
  • 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 Bitmap format, the target picture includes several pixels, and a pixel is the basic unit of image display, and the pixel can be Seen as a grid point that cannot be further divided into smaller elements or units.
  • several pixel points of a specific color may enclose at least one closed area, and the above-mentioned several pixel points of a specific color are located at an area boundary of the closed area.
  • the color of the pixel at the boundary of the region is different from the color of the pixel at other locations, for example, the color of the pixel at the boundary of the region is black, and the color of the pixel at other locations is white.
  • the controller controls to scan each pixel in the target picture stored in the memory, and obtains the position information and the location information of each pixel.
  • Color information according to the color information of each pixel, divide the target picture into several regions, each region is a closed region surrounded by the region boundary formed by pixels of a specific color, and then, according to the position of each pixel Information and the closed area mentioned therein, divide all the pixels in the target picture into categories equal to the number of the closed areas, and store the pixels of each category into the memory. For example, according to the color information of each pixel, if the target picture is divided into three closed areas, namely the first closed area, the second closed area and the third closed area.
  • the location information of the pixels located in the first closed area, the second closed area and the third closed area stored in the memory are obtained respectively, and corresponding first pixel point set, second pixel point set and third pixel point set are generated.
  • the first set of pixels includes the position information of all pixels in the first closed area
  • the second set of pixels includes the position information of all pixels in the second closed area
  • the third set of pixels includes the third closed area
  • the position information of all pixels in does not only refer to the image area surrounded by the pixel points at the boundary position of the area, for example, the closed area of the target picture also includes the area surrounded by the pixel points at the boundary position of the area and the edge position of the target picture background area.
  • the controller when the controller scans the pixels of the target picture stored in the memory, the division of the closed area may be missed due to the color information of the pixels in some areas not being scanned.
  • the user can control the brush tool to input content in the drawing area. More specifically, the user controls the input content of the brush tool in the drawing area through the operation of "pen down” - “move” - “lift up the pen".
  • the content entered by the brush tool in the drawing area is a touch track. It is the first pixel passed when the user enters the touch track, and the drawing end point is the last pixel passed by the user when the touch track is input; the user controls the brush tool to
  • the content input in the drawing area is a touch point, which is both the starting point and the end point of drawing.
  • the "drop pen” operation means that the user clicks the brush tool to make the brush tool in the selected state, and controls the brush tool to input content in the drawing area;
  • the "move” operation means to make the brush tool in the selected state and at the same time in a continuous motion state ;
  • the operation of "lifting the pen” means that the brush tool is not selected or the brush tool is selected but the user stops controlling the brush tool.
  • the sliding path between the drawing start point and the drawing end point is determined, and the target closed area is obtained, and the target closed area is The closed area where the pixel point where the starting point of drawing is located in the target image is located can be compared with each closed area in turn according to the position information of the pixel point where the starting point of drawing is located, so as to find the target closed area.
  • the target picture includes the first closed area, the second closed area and the third closed area, and the pixel position information in the first closed area is obtained, if the pixel position information in the first closed area includes the pixel point where the drawing start point is located Position information, then determine that the first closed area is the target closed area, if not, continue to obtain the pixel point position information in the second closed area, if the pixel point position information in the second closed area includes the pixel point position where the starting point of drawing is located information, it is determined that the second closed area is the target closed area, otherwise, it is determined that the third closed area is the target closed area.
  • the pixel passed by the sliding path according to the position information of each pixel passed by the sliding path, it is judged whether the pixel passed by the sliding path is a pixel in the target closed area, if the pixel passed by the sliding path is in the target closed area , then according to the fill color value corresponding to the fill color indicated by the brush control, color fill the pixel points passed by the sliding path in the closed area of the target.
  • the default fill color is used to fill the pixels.
  • Obtain the area information of the pen-down point which includes the position information of all pixels in the closed area where the "pen-down” point is located; receive and determine the operation event input after the user enters the "pen-down” operation; if it is determined that the type of the operation event is "Lift the pen” operation event, the coloring is over; if it is determined that the operation event type is a "move” operation event, then obtain the pixel position information passed by the corresponding sliding path, and according to the obtained pixel position information passed by the sliding path , to obtain the pixel points passed by the sliding path in the closed area where the "pen down” point is located, and fill the pixel points passed by the sliding path in the closed area where the "pen down” point is located.
  • a target picture is exemplarily given, and the target picture includes an image area and a background area, wherein the image area is the area enclosed by the outline of the image of "little pony" in the target picture.
  • the controller scans the target picture to obtain 18 closed areas including the background area.
  • the background area is the first closed area
  • the "little pony" The body part is the second closed area and so on.
  • Set eight points on the target picture represented by letters A, B, C, D, E, F, G, and H respectively, wherein, points A, B, C, G, and H are located in the second closed area, and Points C and G are located on the boundary of the area.
  • the user controls the brush tool, performs a "pen operation" at point A, and moves the brush tool through points B, C, D, E, F, G, and H in sequence to generate a touch track
  • a "pen operation" at point A
  • moves the brush tool through points B, C, D, E, F, G, and H in sequence to generate a touch track
  • FIG 13 only the solid line part passing through A-B-C and G-H will be displayed, and the dotted line part passing through C-D-E-F-G will not be displayed, that is, the pixels on the touch track on the A-B-C and G-H lines can be filled with color , and the pixels located on the C-D-E-F-G line will not be filled with color.
  • the shortest distance between any two adjacent pixel points passed by the sliding path is determined as the first distance, and the filling radius when the pixel is filled with color is determined as the second distance, if the first If the distance is greater than the second distance, a preset number of interpolation pixel points is generated between the two adjacent pixel points, wherein the preset number may be a ratio of the first distance to the second distance.
  • the position information of each pixel point of the target picture can be expressed in the form of coordinates by establishing a coordinate system, for example, the coordinate system can be established with the center position of the first pixel point in the lower left corner of the target picture as the coordinate origin , the distance between the centers of two adjacent pixel points is regarded as a unit length, and the pixel point is expressed in the form of (Xi,Yi), Xi is expressed as a point with a unit distance from the Y axis, and Yi is expressed as a distance from X A point with a unit distance of i on the axis, (Xi, Yi) is expressed as a pixel point at a unit distance from the Y axis and i unit distance from the X axis, and obtains the coordinate information of the pixel point at the boundary of the region, and the pixel at the boundary of the region
  • the coloring is over; if the operation event type is determined to be "move "event, then obtain the coordinate information of the pixel point that the corresponding sliding track passes through; according to the coordinate range of the closed area where the pen-down point is located and the coordinates of each pixel point that the sliding track passes through, determine whether each track pixel is in the pen-down point area, And fill the interpolation pixel points belonging to the pen-down point area with color, and eliminate the interpolation pixel points not belonging to the pen-down point area.
  • the present application also provides a coloring method, including:
  • S101 Display the target picture in the drawing area in response to an instruction input by a user indicating to display a target picture, where the target picture includes at least one closed area.
  • S102 Determine a sliding path between the drawing start point and the drawing end point in response to a sliding operation from the drawing start point to the drawing end point input by the user in the drawing area.
  • S103 Control the sliding path located in the target closed area to be filled with a preset color, and control the sliding path located outside the target closed area to not be filled with color, wherein the target closed area is where the drawing starting point is located the closed area.
  • control area further includes a trigger button.
  • the display device In response to the operation of the trigger button, the display device is controlled to enter the color-filling protection mode, wherein the color-filling mode means that only the The said swipe path in the area is filled with a preset color
  • the first closed area before controlling the sliding path located in the target closed area to be filled with a preset color and controlling the sliding path located outside the target closed area to not be filled with a color, according to the pixels in the first closed area Position information, judging whether the pixel point where the drawing starting point is located is a pixel point in the first closed area, wherein the first closed area is any closed area in the target picture; if the drawing starting point If the pixel point is a pixel point in the first closed area, then the first closed area is determined as the target area.
  • the pixel position information in the first closed area before judging whether the pixel where the drawing start point is located is a pixel in the first closed area, traverse the pixels in the target picture , acquiring the position information of each pixel point; according to the closed area where the pixel point is located, classify and store the position information of each pixel point.
  • the position information of each pixel passed by the sliding path it is judged whether the pixel passed by the sliding path is a pixel in the target closed area; if the pixel passed by the sliding path point is a pixel point in the target closed area, then the color filling is performed on the pixel point passed by the sliding path.
  • the fill color indicated by the brush control is determined; according to the fill color value corresponding to the fill color, color the pixels passed by the sliding path filling.
  • the shortest distance between any two adjacent pixel points passed by the sliding path is determined as the first distance, and the filling radius when the first pixel is filled with color is determined as the first distance.
  • the filling color value of the first pixel point closest to the interpolation pixel point is obtained; and the interpolation pixel point is filled with color according to the filling color value.
  • the present application provides a display device and a coloring method, which are used to display the target picture on the display device when receiving an input instruction indicating to display the target picture, and the target picture includes at least one closed area; in response to The input sliding operation from the drawing starting point to the drawing end point determines the sliding path between the drawing starting point and the drawing end point; the control is located in the target closed area to fill the preset color with the sliding path, and the control is located in the target closed area The sliding path outside the area is not filled with color, so as to solve the problem that the coloring traces of the user tend to exceed the boundary of the coloring area during the coloring process, and improve user experience.
  • Fig. 15a is a schematic diagram of another drawing board interface according to some embodiments.
  • the coloring picture is preset with patterns that can be colored (such as clouds, dinosaurs, grass, etc.), and the patterns include at least one line and at least one closed area surrounded by continuous lines. At least one line is used as the boundary of the closed area, which is displayed in a different color from the closed area, so that the user can clearly identify the boundary and the closed area. Users can fill in the closed area.
  • the closed areas can be set adjacently or not. The user fills in the picture, that is, fills in the closed area in the picture.
  • the color of the closed area is a pure base color, such as white; the filled border is also the border line of the closed area, and the border line is set around the closed area.
  • the color of the border of the fill is a pure border color, for example: black.
  • the part of the closed area that has been filled is called the filled area
  • the configuration information of the pixels on the filled area and the configuration information of the boundary are saved
  • the colored area and the boundary are displayed in the same picture, wherein the configuration information includes color and position.
  • the display device includes a display, and the display is used to display a coloring interface; the controller of the display device can be configured to perform the following display method.
  • obtaining the movement track formed by the user selecting pixels on the touch screen includes: responding to an instruction input by the user on the touch screen for erasing the color of the color filling area, for example, the user selects the erase function on the electronic drawing board Control, at this time, the pixels in the coloring area are all in the state to be selected, and the user moves the selected pixels on the touch screen, and the aforementioned selected pixels are set as the movement track.
  • the user may also select the erase control on the electronic drawing board through a specific action.
  • the present application does not limit the selection method of the erasing control.
  • Fig. 16b shows a schematic flowchart of a display method according to some embodiments. As shown in Figure 16b, in a specific implementation, the display method includes:
  • the coloring picture is preset with patterns that can be colored (the patterns include clouds, dinosaurs, grass, etc.), and the patterns include at least one line and at least one closed area surrounded by lines.
  • the patterns include clouds, dinosaurs, grass, etc.
  • the patterns include at least one line and at least one closed area surrounded by lines.
  • it includes the line 41 and the closed area 51 surrounded by the line 41 , the closed area 52 surrounded by the line 42 and the line 41 , and the closed area 63 surrounded by the line 43 .
  • the pattern of the closed area 51 and the closed area 52 enclosed by the continuous lines 41 and 42 is a cloud. Users can fill in the closed area.
  • the other lines forming the pattern and the color-filling area surrounded by the lines are the same as the above-mentioned composition, and will not be repeated.
  • the user can fill in or erase the coloring area 51 , the coloring area 52 , and the coloring area 53 by performing coloring operations on the coloring picture on the electronic drawing board. And color fill or erase can only be done in closed areas.
  • the target landing point refers to the movement trajectory presented by the change of the position over time when the hand, the control device and/or the smart device slides on the coloring picture on the display device 200 .
  • the control device and/or the smart device slides the pre-associated corresponding control instruction on the coloring picture on the display device 200, which is not limited in this application.
  • the present application provides a method for obtaining pixel position information of a finger's target point on a coloring picture.
  • the method for obtaining the pixel position information of the finger's target landing point on the coloring picture includes: reading the touch screen event type,
  • the types of touch screen events include: finger drop event, finger move event, and finger lift event; when it is a finger drop event, obtain the pixel position of the finger moving; when it is a finger move event, obtain the pixel position of the finger move ; When it is a finger-up event, end the operation.
  • FIG. 18 shows a schematic diagram of a target landing point according to some embodiments.
  • a trajectory "line segment AB” is formed.
  • the pixel point of the target landing point mentioned in S1 refers to the pixel point corresponding to all points on the trajectory "line segment AB", and the position information of all pixel points, that is, the set of coordinates ( xi , y i ), is this step To obtain the pixel position information of the target drop point on the coloring picture.
  • the target landing point may determine the erasing position, and the erasing range may be determined by a preset erasing width r. That is to say, if the preset erasing width is r, all pixels whose distance from the target landing point ( xi , y i ) is less than or equal to r will be erased.
  • the target pixel point also includes the pixel points in the set S, and the set S is a set of all pixel points whose distance from the target falling point is less than or equal to the preset erasing width r.
  • Fig. 19 shows a schematic diagram of an erasing range with a preset erasing width r according to some embodiments.
  • the erasing range is the width formed by “taking each point of "line segment AB” as the center and taking the erasing width r as the radius to form all circles” It is a strip-shaped area of 2r, that is, the illustrated area 521 and the area 531 .
  • the preset erasing width is r
  • the position information of the pixel point of the target drop point that is, the set of coordinates ( xi , y i )
  • the pixel point away from the target drop point must be obtained
  • the pixel point is a border position, retain the pixel point; the aforementioned color should be the initial color of the border. In this way, after multiple coloring and erasing operations, the color of the boundary can be guaranteed to be consistent, thereby ensuring that the boundary limit of the coloring area is not damaged, and ensuring the normal use of the drawing board function.
  • Fig. 20 shows a schematic diagram of a coloring picture being colored according to some embodiments. As shown in FIG. 20 , and referring to FIG. 17 , the color-filling area 51 , the color-filling area 52 and the color-filling area 53 have been painted (the color of the coloring is black).
  • Fig. 21 shows a schematic diagram of a target landing point of an erasing track according to some embodiments.
  • the erasing track is the track “line segment AB”, and “line segment AB” passes through the coloring area 52 and the coloring area 53 .
  • the erasing trajectory is the trajectory "line segment AB”
  • the erasing range is, "take each point of the "line segment AB” as the center of the circle, and the erasing width r is the radius
  • the band-shaped area with a width of 2r formed by all the circles formed by "" is the intersection area with the coloring area 52 and the coloring area 53. It can be understood that the colors of the pixels at other positions are preserved.
  • the boundary position refers to the boundary, that is, the continuous lines 41 , 42 , 43 and other lines enclosing the colored area as shown in FIG. 17 .
  • Fig. 22 shows a schematic diagram of a coloring picture after erasing colors according to some embodiments. As shown in FIG. 22 , when the erasing track is the track "line segment AB", the aforementioned band-shaped area, the intersecting areas with the closed area 61 and the closed area 62 are erased, which are the erasing area 521 and the erasing area 531 respectively.
  • line 42 and the band-shaped area that is, line segment 421 and line segment 422
  • line 43 and the band-shaped area that is, line segment 431 and line segment 432
  • the boundary position refers to the lines 42 and 43 and other lines enclosing the coloring area
  • retaining the pixel points refers to retaining the line segment 421 , the line segment 422 , the line segment 431 and the line segment 432 .
  • the present application provides a method for retaining the line segment 421 , the line segment 422 , the line segment 431 and the line segment 432 .
  • all pixels ( xi , y i ) whose distance from the pixel point of the target landing point is less than or equal to r are obtained, and recorded as a set S.
  • Traverse each pixel point ( xi , y i ) in the set S judge whether the pixel point ( xi , y i ) is a boundary, and if it is a boundary, keep the boundary.
  • the boundary position information that is, the position coordinates of the pixel point ( xi , y i ), can be stored in the control device in advance, so that when there is an instruction to erase, the boundary position information is directly called as the boundary position.
  • the colored area includes a filled area; the controller is further configured to: save the configuration information of the pixels on the filled area and the configuration information of the boundary in the same file, so that the The colored area and the boundary are displayed in the same picture; if the position coordinates of the pixel point are not the position coordinates of the boundary, delete the pixel point; including: if the position coordinates of the pixel point are not the position coordinates of the boundary, then in the same file The configuration information of the deleted pixel.
  • the boundary is retained; including: if the pixel point is not a boundary position, then the configuration information of the boundary is retained on the same file.
  • the coloring area also includes an uncolored area; confirming the target erasing area corresponding to the movement track; including: confirming the second intersecting track, the second intersecting track is the pixel where the moving track intersects the uncolored area A set of points; according to the pixel points on the moving track except the second intersecting track, confirm the target erasing area.
  • the initial color of the border position is different from the color of the area other than the border position on the coloring picture; in the step of obtaining the initial color of the border position, the initial color of the border is the border color; In the step of the target pixel, the controller is further configured to: save the coloring picture; set the boundary color of the coloring picture; start from the first pixel of the coloring picture, traverse and read each pixel of the coloring picture If the color of the pixel point is the boundary color, the position coordinates of the pixel point are saved to the memory as the position coordinates of the boundary.
  • the color of the border is the first color
  • the color of the filled area is the second color when it is not filled, and the first color is different from the second color
  • the pixel if the color of the pixel is the color of the border, the pixel The position coordinates of the point are saved to the memory as the position coordinates of the boundary; including: judging whether the color of the pixel point is the first color; if the color of the pixel point is the first color, then saving the position coordinates of the pixel point as the position coordinates of the boundary to memory.
  • the coloring picture is preset with a pattern that can be filled in, and the pattern is surrounded by continuous lines to form multiple coloring areas that can be filled in.
  • the continuous lines are used as the boundaries of multiple coloring areas (for the convenience of description, "boundary” is used hereinafter instead of “continuous lines surrounding multiple coloring areas"), in order for users to identify the boundaries and coloring areas , the line color of the boundary is obviously different from the initial color of the filled area.
  • the boundary of the coloring picture shown in Figure 17 uses black lines, and the initial setting color of the coloring area is white.
  • the identification method of the boundary position information of the coloring picture provided by this application utilizes the characteristic that the boundary color is obviously different from the initial setting color of the coloring area, and distinguishes the boundary from the coloring area by the method of distinguishing colors, and then divides the pixels of the boundary The set of position information of the point is saved as the boundary position.
  • the coloring picture can be loaded into memory, saved in bitmap format, and the boundary color can be set, so as to realize the judging step. It can be understood that the boundary color may be a single color or multiple colors, which is not limited in this application.
  • this pixel point ( xi , y i ) is stored in the set A. After traversing the color of each pixel (x i , y i ) of the coloring picture, all elements in the set A are used as boundary positions.
  • the pixel point ( xi , y i ) is not the boundary color, then the pixel point ( xi , y i ) is considered to be the coloring area, or a blank area other than the coloring pattern on the coloring picture .
  • the color of the filled area and the blank area can be the same or different, but both should be clearly different from the border color.
  • the pixels are distinguished by color, and the difference in color is converted into pixels with different characteristics (referring to boundary and non-boundary).
  • the controller responds to the control command of erasing the color, and is further configured to: traverse all the pixels on the coloring picture to determine whether the color of the pixel is the boundary color; if the color of the pixel is the boundary color, then the pixel is determined as the target pixel.
  • the coloring picture before selecting the area to be erased, the coloring picture has already completed part of the coloring area, and the coloring picture includes the filled area and the unfilled area; the area to be erased may have been filled The colored area and the unfilled area, the unfilled area does not need to erase the color.
  • the display method provided by the present application further includes: the filled area is a closed area; in the step of erasing the color of the target pixel, the controller is further configured to: confirm the first intersecting pixel , the first intersection pixel point is the pixel point where the target landing point intersects the boundary of the filled area; according to the first intersecting pixel point, confirm the pixel point on the target landing point that coincides with the filled area as the target pixel point
  • the colored area also includes an unfilled area; the unfilled area is a closed area; the controller is further configured to: confirm the second intersecting pixel point, the second intersecting pixel point is the intersection of the target landing point and the boundary of the unfilled area pixel points; according to the second intersecting pixel point, delete the pixel points on the target drop point that coincide with the unfilled area, so as to use the remaining pixels on the target drop point as the target pixel points.
  • Fig. 23 is another drawing board interface shown in some embodiments of the present application.
  • the sketchpad interface includes a drawing area D and a control area T.
  • the drawing area D is used to receive the content input by the user through the controls in the control area T, and display the received content, such as lines, graphics, text and so on.
  • the control area T is used to display various functional controls, for example, including a plurality of brush controls 621a, 621b, 621c, 621d and 621e in different styles, an erase control 622, a delete control 623, a recording control 624, more controls 625 and undo
  • the control 626 and the recovery control 627 when a certain brush control is selected, display the corresponding toolbar of the brush control, in which the color and thickness of the brush can be selected, and the toolbar also displays a swatch control and a color picker control.
  • the user After picking up the brush, he can select an existing brush color option in the corresponding toolbar, or click the color palette control to trigger the display of the color Select the brush color in the palette, or click the color picker control to trigger the process of picking up the color from the drawing area.
  • the brush color selected by the user on the swatch, or the color picked from the drawing area will be configured as the input color of the brush control.
  • the user In the state of picking up the paintbrush control, the user can input content based on the contact with the drawing area, and the input content is the user's contact track on the drawing area.
  • the user can trigger the picking operation by inputting, triggering the display device to enter the process of picking the color on the drawing area.
  • the user can trigger the picking operation by clicking on the above-mentioned color picking control.
  • the display device determines that a trigger picking operation is received when receiving a user's click operation on the color picking control.
  • the user may input the trigger picking operation by inputting a predetermined gesture. For example, a tap operation or a long press operation on any position of the drawing area.
  • the display device judges whether the user gesture corresponds to a preset trigger picking operation, and if so, determines that the trigger picking operation is received.
  • the user can also input the trigger picking operation through voice control, for example, speaking the trigger picking password.
  • a color picking control in response to an input trigger picking operation, will be displayed at a predetermined position on the drawing area of the display device.
  • the predetermined position is a preset position, such as the center of the drawing area, or within a certain quadrant of the drawing area. For example, when the user triggers the picking operation by clicking on the color picking control, the color picking control is displayed at a predetermined position on the upper layer of the drawing area.
  • the color picking control in response to the input trigger picking operation, will be displayed at a first position on the drawing area of the display device, and the first position is determined according to the trigger picking operation. For example, if the predetermined gesture corresponding to the trigger picking operation is to perform a long press operation at a certain position on the drawing area, then when the long press operation performed by the user at the first position on the drawing area is detected, the upper layer of the drawing area Displays a color picker control in the first position.
  • the color picking control is used to indicate the color picking point and the picked color, wherein the picked color is the color at the color picking point in the drawing area. It should be noted that, in some embodiments, the color picking control can simultaneously indicate the color picking point, the picked color, and the RGB value of the picked color. In some other embodiments, while the color pick-up control indicates the color pick-up point, the pick-up color, and the RGB value of the pick-up color, it can also enlarge and display the color pick-up point area. Pick an area with a preset size centered on the point.
  • the color picking control is a visual prompt displayed on the drawing area, and the visual prompt will provide the user with a hint or reminder of the operation of selecting the target picking color during the process of the user selecting the target picking color.
  • the operation of the user selecting the target pick-up color is the operation of the user changing the color pick-up point, which is hereinafter referred to as the change operation. In this way, the user can pick the target color by changing the position of the color picking point according to the reminder of the color picking control.
  • the user can change the position of the color picking point by inputting a change operation, the user can confirm the picking operation by inputting, terminate the color picking process, and control the display device to determine the currently picked color as the target Pick up colors.
  • the input triggers the picking operation it is also possible to directly input the confirmation picking operation, so as to pick the color corresponding to the initial color picking point.
  • a pick control can be text, graphics, or any combination thereof.
  • Fig. 24 is a drawing board interface shown in some embodiments of the present application, and the drawing board interface may specifically be an interface displayed after the user clicks a color drawing control.
  • a color picker control 700 is displayed on the upper layer of the drawing area, and the color picker control 700 includes a first area 710 , a second area 720 and a third area 730 .
  • the first area 710 is a circular area centered on the color picking point, and the color picking point area 711 in the drawing area is enlarged and displayed in the first area.
  • an indication mark 712 is displayed in the center of the first area 710, and the indication mark 712 is used to indicate the position of the color picking point.
  • the second area 720 is an annular area that surrounds the first area 710 and is concentric with the first area 710 .
  • the fill color of the second area 720 is the pick-up color, that is, the color at the color pick-up point in the drawing area.
  • the third area 730 is located outside the second area 720 , and the third area 730 displays RGB values of the picked color.
  • the third area is displayed above the first area and the second area by default.
  • the third area can automatically move to the sides or below the first area and the second area; when the color picker control moves to the right edge of the screen, the third area can automatically move to the first area and the second area.
  • the left side of the second area when the color picker moves to the left edge of the screen, the third area can automatically move to the right side of the first area and the second area.
  • first area 710 , second area 720 and third area 730 may be areas in different layers, or areas in the same layer.
  • the color pick-up point area has the same shape as the first area, and it can be enlarged and displayed with a preset magnification factor in the first area.
  • the color pick control is used to show the color pick point, the pick color and the RGB value of the pick color. It should be understood that when the color picking point changes, the picked color displayed by the picking control and the RGB value of the picked color also change accordingly. In addition, since the area of the color picking point in the drawing area is enlarged and displayed in the first region, the accuracy of the color picking control for representing the position of the color picking point is improved.
  • the color picker control shown in FIG. 24 is an example of the present application and does not limit the protection scope of the present application.
  • the color picking control may be text, graphics or any combination thereof different from the above examples.
  • the color picking control may only be used to indicate the position of the color picking point and the picked color, without displaying the RGB value of the picked color, and not zooming in on the area of the color picking point in the drawing area.
  • FIG. 25 is another sketchpad interface exemplarily shown in this application. As shown in FIG.
  • a color picker control 800 is displayed on the drawing area of the interface, and the color picker control 800 includes a first area 810 ,
  • the first area 810 is a circular area centered on the current color pick-up point, and an indicator 811 is displayed in the center of the first area 810, and the indicator 811 is used to indicate the position of the current color pick-up point, and the fill color of the first area Picks the color at the point for the current color in the drawing area, that is, picks the color.
  • FIG. 26 is another sketchpad interface exemplarily shown in this application. As shown in FIG.
  • a color picker control 900 is displayed on the drawing area of the interface, and the color picker control 900 includes a first area 910 ,
  • the first area 910 is a circular area centered on the current color pick-up point, and an indicator 911 is displayed in the center of the first area 910, and the indicator 911 is used to indicate the position of the current color pick-up point, the color pick-up point in the drawing area
  • a region 912 is displayed enlarged in this first region 910 .
  • the area of the color pick-up point in the drawing area is enlarged and displayed in the first area, so that the color pick-up control 900 indicates the pick-up color while indicating the color pick-up point.
  • the user can change the position of the color picking point by inputting the changing operation, and the display device responds to the input changing operation, moves the color picking control to a new position, and updates according to the new color picking point
  • the display state of the color picker control so that the color picker control indicates the new picked color in real time.
  • the altering operation includes a touch operation with a touch screen.
  • altering operations include performing gestures on the touchscreen, ie movements of objects/accessories in contact with the touchscreen.
  • contact on the touch screen will be described as being performed by a user using at least one hand and using one or more fingers.
  • the contacting can also be performed by using any suitable object or accessory, such as a capacitive pen and the like.
  • the contact may include one or more clicks on the touch screen, maintaining continuous contact with the touch screen, moving a contact point while maintaining continuous contact, breaking contact, or a combination of one or more of the foregoing.
  • the color picker control is an interactive user interface object that the user can interact with to change the color picker point and finally select the target picker color.
  • the change operation is performed on the color picker control.
  • the operation of changing the color pick-up point for the color pick-up control includes moving the color pick-up control in a dragging manner, and dragging the color pick-up control to a desired position on the drawing area. It can be understood that all contact points passed by during the process of dragging the color picking control may be desired color picking points.
  • the target color pick-up point can be determined based on the moving end point, and the color at the target color pick-up point is the target pick-up color.
  • the color picking control can provide the user with visual feedback of the moving path. Users can pick up the target color more accurately and quickly according to the visual feedback provided by the color picking control.
  • the color picker control When the color picker control is displayed on the drawing area, the user can start touching the touch screen.
  • the display device detects contact on the touch screen. If the contact corresponds to a change operation, the display position and display state of the color picker control will change 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 picker control will remain unchanged.
  • the change operation is to move the contact point while maintaining contact with the color picker control, and the detected contact is a tap on the touch screen, since the contact does not correspond to the change operation, the display position of the color picker control and The displayed state remains unchanged.
  • the change operation is a click in the drawing area of the touch screen, and the detected contact is a long press on the touch screen, since the contact does not correspond to the change operation, the display position and display state of the color picker control remain constant.
  • the color pick control will move along with the movement of the contact point, the pick color indicated by the color pick control, the RGB value of the pick color, and the area of the color pick point that is enlarged and displayed, Both will be updated with the latest color pickup point changes.
  • the change operation is to move the contact point while maintaining continuous contact with the color picker
  • the displayed position and state of the color picker will change with the contact during the contact.
  • the point moves and changes in real time.
  • the change operation is a click in the drawing area of the touch screen, when a contact corresponding to the change operation is detected, the display position and state of the color picker control will change to the position and state corresponding to the click position.
  • the user may input a change operation by inputting a predetermined gesture. For example, a tap operation or a long press operation on any position of the drawing area.
  • the display device judges whether the user gesture corresponds to a change operation, and if so, determines that the change operation is received. For example, if the change operation is to perform a double-click operation at a certain position on the drawing area, when the double-click operation performed by the user at a second position on the drawing area is detected, the color picker control is moved to the second position for display, and The picked color indicated by the color picking control is updated according to the color picking point corresponding to the second position.
  • the altering operation is to move the point of contact while maintaining contact with the color picker control, i.e. the altering operation is a drag on the color picker control
  • the access to the color picker control can be interrupted. Dragging process.
  • the contact with the touch screen is interrupted, it means that the selection process of the target color is completed, the contact point before the contact is interrupted is the target color pick-up point, and the corresponding color is the target color pick-up.
  • the change operation is to move the point of contact while maintaining contact with the color picker control, that is, the change operation is a drag on the color picker control
  • the display device detects that the user's contact with the touch screen is broken, determine The preset confirmation operation is received, and in response to the preset confirmation operation, the picked color determined according to the color picking point indicated by the current color picking control is determined as the target picked color.
  • the user inputs the preset confirmation operation in other ways, for example, inputting the preset confirmation operation by interacting with an interactive interface object specified in the interface.
  • the display of the color picker control is dismissed in response to the received preset confirmation operation.
  • the target pick color is set as the input color for the brush control. In this way, when the user picks up the paintbrush control, he can use the target pick color to input content, that is, the color of the input content is the target pick color.
  • the display device when the color picker control is displayed, the user can still interact with other interface interaction objects on the interface. However, when the color picking control is displayed, once the user interacts with other interface interaction objects on the interface, the display device will respond to the detected interaction operation and confirm the picking color indicated by the current color picking control as the target picking color.
  • Figures 27-28 are GUI displays of the process of selecting a target picking color through a color picking control in some embodiments of the present application.
  • a color picking control is displayed on the drawing area, the color picking point shown by the color picking control is point A, and the picked color shown is (R1, G1, B1).
  • the user uses a finger to touch the color picker control on the screen to start an operation, and while maintaining continuous contact with the touch screen, moves the contact point.
  • the moving track of the contact point is shown by the dotted arrow in FIG. 28 .
  • the color picker moves to the position shown in FIG. 28 .
  • the color pick point change shown by the color pick control is B, and the pick color change shown is (R2, G2, B2).
  • the user can interrupt the contact with the touch screen to confirm the picking operation by inputting.
  • the display device determines the picking color when the user breaks the contact as the target picking color.
  • the user can also continue to maintain contact with the touch screen to continue changing the color pick-up point.
  • the display device obtains the pixel point corresponding to the aforementioned position coordinates from the bitmap data (bitmap data) corresponding to the drawing area according to the position coordinates of the color picking point indicated by the color picking control RGB value, so as to obtain the color value at the color picking point in the drawing area, and then the color picking control can be displayed according to the color value, and when the confirmation picking operation is received, the color value when the confirmation picking operation is received is obtained through the aforementioned method Color Picks the color value at the point and sets that color value as the input color value for the brush control.
  • the display device can display a color picking control on the drawing area in response to an input trigger picking operation, since the color picking control at least indicates the color picking point and the picked color, it can provide the user with visual feedback, so that the user can draw from the drawing area.
  • the desired color is picked up on the area; when the input confirmation picking operation is received, the picked color determined according to the color picking point indicated by the current color picking control is set as the input color of the brush control.
  • the color picking method provided by this application can enable users to pick desired colors more accurately and quickly.
  • the present application also provides a color picking method, which is applied to the above-mentioned display device. As shown in FIG. 29 , the method may include:
  • the drawing board interface includes a control area and a drawing area
  • the control area includes at least one brush control
  • the brush control is used to input content on the drawing area
  • the drawing area is used to present input Content.
  • control area includes a trigger button
  • displaying a color pick control on the drawing area in response to an input trigger pick operation includes: responding to receiving an operation on the trigger button, at The color picker control is displayed at a predetermined position on the upper layer of the drawing area.
  • displaying a color picking control on the drawing area in response to an input trigger picking operation includes: responding to receiving a first predetermined gesture on the drawing area, The color picker control is displayed at a first position, and the first position is determined according to the first predetermined gesture.
  • the color pick-up control is further used to indicate the RGB value of the pick-up color, and/or, to enlarge and display a local area in the drawing area with the pick-up color point as the center point.
  • the color picking method provided by the present application further includes: when the color picking control is displayed, receiving an input color picking point changing operation; determining a new color picking point according to the changing operation, And update the display position of the color picking control and the picked color indicated by the color picking control according to the new color picking point.
  • the color picker control is an interactive user interface object that a user can interact with to change the color picker point; the change operation includes a drag operation performed on the color picker control.
  • the color picking method provided in the present application further includes: when it is detected that the contact between the user and the display is disconnected, determining that the preset confirmation operation is received.
  • receiving an input color picking point change operation includes: receiving a second predetermined gesture on the drawing area, and moving the color picking control to a second position display, and update the picked color indicated by the color picking control according to the color picking point corresponding to the second position, the second position is determined according to the second predetermined gesture.
  • display of the color picker control is deactivated in response to a predetermined confirmation of the input.
  • the user when the drawing board interface is displayed, the user can pick up a color from the drawing area through operations as the input color of the brush control.
  • the display device can display a color picking control on the drawing area in response to an input trigger picking operation, since the color picking control at least indicates the color picking point and the picked color, it can provide the user with visual feedback, so that the user can draw from the drawing area.
  • the desired color is picked up on the area; when the input confirmation picking operation is received, the picked color determined according to the color picking point indicated by the current color picking control is set as the input color of the brush control.
  • the color picking method provided by this application can enable users to pick desired colors more accurately and quickly.
  • the user can draw content on the display and then fill it; in practical applications, the periphery of the content drawn on the display constitutes a drawing interface, and the drawing interface can be used for writing, erasing, etc.
  • the color filling and painting functions such as deletion and closed area are described by taking color filling as an example.
  • the drawing interface includes various closed figures, and the closed figure to be filled with color is called the target closed figure; when all the closed figures in the drawing interface are displayed on the display interface, when the target closed figure is filled, the goal can be realized.
  • Figure 31 shows that the drawing interface is all within the display interface, and b in Figure 31 shows that the drawing interface is moved to the left so that the target closes the figure Part of it is displayed in the display interface, and the rest is displayed outside the display interface.
  • c in FIG. 31 shows that the drawing interface is enlarged so that part of the target closed figure is displayed in the display interface, and the rest is displayed outside the display interface.
  • Figure 32 shows the situation when the drawing interface containing the target closed graphics is in the display interface. It can be seen from Figure 32 that the drawing interfaces are all displayed in the display interface.
  • the filling mode according to the target closed graphics indicated by the touch command Finish filling. Specifically, it includes: obtaining each minimum closed area in the drawing interface according to the scan line seed filling algorithm, and then obtaining the closed contour line corresponding to the minimum closed area, and filling the area in the closed contour line with a corresponding preselected color.
  • obtaining each minimum enclosed area in the drawing interface includes: the seed in the embodiment of the application is selected as a touch point; when one side of the seed reaches the rightmost boundary or the leftmost boundary of the fillable boundary, It is considered that the touch point is not within the range of the closed figure, and there is no minimum closed area, that is, there is no closed figure; if the rightmost boundary and the leftmost boundary are found in the current row, the fillable pixels of this row are attributed to The fillable area is searched line by line until the top line and the bottom line, and finally the completed minimum closed area is obtained.
  • FIG. 33 shows the situation where the part of the closed target figure in the drawing interface is moved out of the display interface due to the movement of the drawing interface containing the closed target figure.
  • the correction amount is calculated with the display interface and the drawing interface as two reference surfaces, and the drawing interface can be moved to the display interface through the correction amount, so that the closed figure part of the target is displayed in the display interface.
  • the drawing interface When the drawing interface is uniform
  • the closed contour line of the target closed figure can be recognized, and the closed contour line is the complete contour line of the target closed figure part obtained in the display interface, and then the correction amount is reversed to obtain the inverse value of the correction amount , according to the inverse amount of the correction amount, restore the closed figure of the target at this time to the state before the correction, and restore the drawing interface in the display interface to the original state before the correction, including restoring the position, size and shape before the correction and other parameters, what happens subsequently is that the closed contour lines of each target closed graphic part in the display interface are also restored to the original state before correction; and then the closed contour lines of the target closed graphic part indicated by the touch command are Filling, since the complete closed contour line has been identified and obtained in the display interface, after the closed contour line is restored, the area within the closed contour line can be filled, so that the target closed figure part is completely filled.
  • the drawing interface is adjusted to the display interface, and then the closed contour line of the target closed graphic part is obtained, and then the drawing interface is restored to the initial state, and then the closing of the target closed graphic part indicated by the touch command is performed.
  • Outlines are filled. The effect after filling is shown in Figure 35. It can be seen from Figure 35 that the part beyond the display interface is still filled.
  • the target closed figure can be filled, and then the filled drawing interface can be restored to its original state;
  • the contour line of the target closed figure and each filling point inside the contour line are all restored, and this process requires a large amount of work.
  • the closed graphic part of the target in the drawing interface is moved out of the display interface due to the movement of the drawing interface as an example, the correction amount includes an offset, and the drawing interface is moved into the display interface according to the offset ;
  • the offset includes a first offset and a second offset, the first offset and the second offset are respectively the offsets in the X direction and the Y direction;
  • the first offset The amount is the difference between the center point X coordinate of the display interface and the center point X coordinate of the peripheral boundary of the drawing interface;
  • the second offset is the center point Y coordinate of the display interface and the drawing interface The difference in the Y coordinates of the center point of the outer boundary.
  • the center point X coordinate of the display interface, the center point Y coordinate of the display interface are the center point (CenterX, CenterY) as shown in Figure 38; the center point X coordinate of the peripheral boundary of the drawing interface, the center point of the peripheral boundary of the drawing interface
  • the present application does not limit the manner of obtaining the offset, and other manners are within the protection scope of the embodiments of the present application.
  • the drawing interface moved out of the display interface is adjusted to the display interface, and then each minimum closed area in the drawing interface is obtained according to the scan line seed filling algorithm, and then the minimum closed area is obtained.
  • Closed contours corresponding to closed areas Specifically, as shown in Figure 39, when the figure corresponding to the minimum enclosed area is a convex figure, the closed contour line adopts the outer contour line; when the figure corresponding to the minimum closed area is a concave figure, the closed contour line adopts the outer contour line; when When the graph corresponding to the minimum enclosed area is a circular graph, the closed contour is represented by a combination of an outer contour and an inner contour.
  • the inverse operation of the correction amount is performed to obtain the inverse amount of the correction amount, and then the drawing interface moved to the display interface is moved to the initial state according to the inverse amount of the correction amount, and the drawing interface is restored to the initial position , size and shape and other initial parameters.
  • the inversion of the correction amount includes the inversion of the offset, and the drawing interface is moved to the display interface according to the offset.
  • the target closed graphics are all displayed in the display interface;
  • the inversion of the offset includes the first inversion of the offset and the inversion of the second offset, wherein, the X coordinate of the center point of the display interface, the center of the display interface
  • the closed contour line of the target closed figure indicated by the touch command is filled. Since the complete closed contour line has been identified and obtained in the display interface, after the closed contour line is restored, the closed contour line can be filled. The area within the contour line is filled, so as to realize the color filling effect of the part displayed in the display interface of the target closed figure.
  • Fig. 34 shows the situation that part of the target closed figure is displayed in the display interface and the rest is displayed outside the display interface due to the enlargement of the drawing interface containing the target closed figure.
  • the correction amount is calculated with the display interface and the drawing interface as two reference surfaces, and 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.
  • the drawing interface is displayed When it is inside the interface, the closed contour line of the target closed figure can be recognized.
  • the closed contour line is the complete contour line of the target closed figure obtained in the display interface, and then the correction amount is reversed to obtain the inverse value of the correction amount.
  • the inverse quantity of the quantity restores the drawing interface at this time to the state before the correction, and restores the drawing interface in the display interface to the original state before the correction, including returning to the position, size, shape and other parameters before the correction, and then What happens is that the closed contour line of the target closed figure in the display interface is also restored to the original state before correction; and then the closed contour line of the target closed figure indicated by the touch command is filled, because the Identify and obtain the complete closed contour line of the target closed figure, then when the closed contour line is restored, the area inside the closed contour line can be filled, so as to realize the complete filling of the target closed figure and realize the display interface of the target closed figure The portion shown within shows the color fill effect.
  • the drawing interface is adjusted to the display interface, and then the closed contour line of the target closed figure is obtained, and then the drawing interface is restored to the initial state, and then the closed contour line of the target closed figure indicated by the touch command is to fill.
  • the effect after filling is shown in Figure 36. It can be seen from Figure 36 that the part beyond the display interface is still filled.
  • the target closed figure can be filled, and then the drawing interface after the filling is restored to the original state; Restoring and restoring the contour line of the target closed figure and each filling point inside the contour line requires a large amount of work.
  • part of the closed figure of the target is displayed inside the display interface, and the remaining part is displayed outside the display interface as an example.
  • the part of the closed figure of the target is moved out of the display interface by enlarging the drawing interface.
  • the process actually includes enlargement and movement, so the correction amount includes the reduction ratio and offset, specifically the offset includes the first offset and the second offset, and the first offset and the second offset
  • the displacements are respectively the offsets in the X direction and the Y direction;
  • the first offset is the difference between the X coordinate of the center point of the display interface and the X coordinate of the center point of the peripheral boundary of the drawing interface;
  • the The second offset is the difference between the Y coordinate of the center point of the display interface and the Y coordinate of the center point of the peripheral boundary of the drawing interface.
  • the center point X coordinate of the display interface, the center point Y coordinate of the display interface are the center point (CenterX, CenterY) as shown in Figure 38; the center point X coordinate of the peripheral boundary of the drawing interface, the center point of the peripheral boundary of the drawing interface
  • the reduction ratio includes a width reduction ratio and a height reduction ratio, and the reduction ratio takes the relatively smaller value of the width reduction ratio and the height reduction ratio as the final reduction ratio value.
  • the reduction ratio is the width reduction ratio; when the width reduction ratio is greater than the height reduction ratio, the reduction ratio is the height reduction ratio; wherein the width reduction ratio is the ratio of the first width to the second width;
  • the height reduction ratio is the ratio of the first height to the second height; the first width and the first height are respectively the corresponding width and height of the display interface; the second width and the The second height is respectively the width and the height corresponding to the peripheral boundary of the drawing interface.
  • the first width and first height are ScreenWidth and ScreenHeight as shown in Figure 38
  • the second width and second height are RegionWidth and RegionHeight as shown in Figure 37
  • width reduction ratio ScreenWidth/RegionWidth
  • height reduction ratio ScreenHeight/RegionHeight .
  • the drawing interface moved out of the display interface is adjusted to the display interface, and then each minimum closed area in the drawing interface is obtained according to the scan line seed filling algorithm, and then the minimum closed area is obtained. Closed contours corresponding to closed areas.
  • the inverse operation of the correction amount is performed to obtain the inverse amount of the correction amount, and then the drawing interface moved to the display interface is moved to the initial state according to the inverse amount of the correction amount, and the drawing interface is restored to the initial position , size and shape and other initial parameters.
  • the drawing interface moved to the display interface is moved to the initial state according to the inverse amount of the correction amount, and the drawing interface is restored to the initial position , size and shape and other initial parameters.
  • the inversion of the correction amount includes the inversion of the offset and the inverse of the reduction ratio
  • the variable is the magnification ratio, and the drawing interface is moved to the display interface according to the offset;
  • the inversion of the offset includes the first inversion of the offset and the inversion of the second offset, wherein the inversion of the display interface
  • the center point X coordinate and the center point Y coordinate of the display interface are the center point (CenterX, CenterY) as shown in Figure 38; 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 shown in Figure 37
  • the first offset inversion RCenterX-CenterX
  • the second offset inversion RCenterY-CenterY.
  • the width enlargement ratio RegionWidth/ScreenWidth
  • the height reduction ratio RegionHeight/ScreenHeight.
  • the closed contour line of the target closed figure indicated by the touch command is filled. Since the complete closed contour line has been identified and obtained in the display interface, after the closed contour line is restored, the closed contour line can be filled. The area within the contour line is filled, so as to realize the color filling effect of the part displayed in the display interface of the target closed figure.
  • FIG. 40 it is a schematic diagram of another interface of the drawing board application according to some embodiments.
  • the user first clicks to select the brush color, thickness (width value), etc., as the user inputs the touch action Draw different patterns.
  • the screen color of the display shows the ARGB value of the corresponding pixel.
  • the controller 250 calculates the ARGB value of the screen pixel after drawing according to the brush color and thickness information selected by the user, and transmits the calculated ARGB value to the display.
  • the value is displayed for drawing graphics.
  • the arrows in the figure show that the gesture is drawn for the user's touch action.
  • FIG. 41 it is a schematic diagram of another interface of the sketchpad application according to some embodiments. As shown in FIG. 41 , it is a schematic diagram of the user's touch action drawing action after selecting the brush color and width value in FIG. 40 .
  • ARGB is a color mode, that is, the RGB color mode is added with a transparency channel.
  • the RGB color mode is a mode in which various colors are obtained by changing the three color channels of red (Red), green (Green), and blue (Blue) and superimposing them with each other.
  • the color of the painting process is replaced by an alternative method.
  • the original canvas color is red, and its pixel value ARGB is (255, 0, 0, Alpha1); the brush color is blue color, whose pixel value ARGB is (0, 0, 255, Alpha2), and finally displayed as the brush color (0, 0, 255, Alpha2). It is inconsistent with the color presented by overlapping and mixing colors in the painting process in reality.
  • FIG. 42 exemplarily shows a schematic flowchart of a method for color mixing and displaying according to some embodiments. As shown in Figure 42, the color mixing display method includes the following steps:
  • the user can select the brush color by clicking on the toolbar area of the application interface.
  • the toolbar area displays different brush color controls and width controls.
  • the memory stores the brush color value corresponding to the color control and the brush width value corresponding to the width control.
  • the touch component will sense the touch action and generate an electrical signal. After the controller receives the electrical signal, it can first judge the duration of the level corresponding to the touch action in the electrical signal, and when the duration is less than the preset time threshold, it can recognize that the user input is a click touch command.
  • the controller 250 then extracts the position feature generated by the electrical signal, so as to determine the color value and width value of the brush.
  • acquiring the brush color value input by the user may be obtained by acquiring the current pixel color value of the clicked position of the user, which is the brush color value input by the user.
  • the pixel color value of the current pixel point set is recorded in ARGB, for example: the color value of a certain pixel is (R0, G0, B0, Alpha0).
  • the brush width is the radius corresponding to the user's click position stored by the controller.
  • Obtain the touch event type determine whether the touch event is a movement event, and if the touch event type is a movement event, proceed to the next step.
  • Whether the touch event is a movement event is judged according to whether the position of the finger on the touch screen moves, according to the movement range of the position of the finger on the touch screen and the preset pixel value. If the movement range of two adjacent hand-drawn points on the display screen is smaller than the preset pixel point value, the touch event is a movement event.
  • the movement range is the sum of the coordinates of the finger moving on the X-axis of the touch screen and the coordinates of the finger moving on the Y-axis of the touch screen. If the movement range is less than 3 pixels, the coordinates of the finger moving on the X-axis of the touch screen and the The sum of coordinates moving on the Y axis of the touch screen is less than 3.
  • the type of the touch event is a movement event, obtain the hand-drawn graphic pixel information input by the user, where the hand-drawn graphic pixel information includes the pixel position value of the hand-drawn point.
  • the controller 250 of the display device 200 may acquire the trace of the hand-drawn graphic input by the user from the touch component.
  • the hand-drawn graphics trajectory is a data set composed of coordinates of multiple hand-drawn points.
  • the user can input a drawing action through its built-in touch component or an external input device 500, and the drawing action will generate a voltage change on the touch component, and this voltage change can be input, detected, transmitted and stored, so that Realize the detection of hand-painted points.
  • the touch component then converts the detected hand-drawn point data into input data that can be recognized by the controller 250 .
  • the detection method for the drawing action input by the user is also different.
  • the built-in touch component of the display device 200 can form a touch screen with the display, and the position of the touch point of the user can be detected through the touch component, and then the trace of the hand-drawn graphic input by the user can be detected.
  • the input device can be a peripheral device such as a mouse. When the user moves the mouse, the cursor on the interface of the display device 200 also moves accordingly. Left button, and detect the moving position of the cursor in the two click events, determine the position data passed by the cursor, and realize the detection of the hand-drawn graphic trajectory input by the user.
  • a touch event can be input by a user's finger. Since the process of the user inputting the drawing action is a continuous process, it takes a certain amount of time for the user to complete the input of the hand-drawn graphic trajectory.
  • the input drawing action can be detected according to the start time and end time of a drawing performed by the user. For example, when the user performs a drawing action through finger touch operation, the drawing action starts when the finger first touches the touch screen, and the drawing action ends when the finger leaves the touch screen.
  • the coordinates of the position points can constitute the hand-drawn graphic trajectory input by the user. All the points that the finger passes through are the hand-drawn points.
  • the detection of the drawing action input by the touch screen has a certain time interval, so there is a certain time and distance between the acquisition of two adjacent touch positions.
  • the touch point of the finger on the touch component is a single pixel, and the obtained hand-drawn point is discontinuous pixel position information.
  • the difference operation is performed on the pixel of the hand-painted point to obtain the position information of the hand-painted point.
  • the process of acquiring the drawing track between two touch points is: acquiring the position information of the first touch point and the second touch point, wherein the first touch point and the second touch point
  • the points are touch points successively acquired by the touch screen in adjacent time, and the first touch point is earlier than the second touch point in time.
  • a difference operation is performed 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.
  • the drawing track includes a first touch point, a second touch point and a difference point.
  • the target pixel point set is the set of all pixel points whose distance from the hand-drawn graphics trajectory is less than or equal to the width of the brush.
  • the set of target pixels is all the pixels calculated from the trajectory of the user's gesture and the value of the brush width in Fig. 41 .
  • the pixels in the target pixel point set are the target pixels.
  • the background color value of a pixel is the current color information of the pixel, including the color and transparency of the pixel.
  • the original drawing table is built into the touch controller, which contains the position information and color values of all pixels of the original graphics, defined as the initial set of pixels.
  • the color value of each pixel in the target pixel point set is calculated by using the color superposition calculation formula to obtain the target color value, and the position information of the target pixel point and target color values are updated to the original drawing table.
  • the target color of the target pixel is the brush color. And add the information of the target pixel to the original drawing table.
  • the position information of the first touch point and the position information of the second touch point are acquired.
  • the first touch point and the second touch point are touch points successively acquired by the touch screen in adjacent time.
  • the first touch point is earlier than the second touch point in time.
  • the touch point is the center point of the finger touch area.
  • a difference operation is performed on the position information of the first touch point and the second touch point to obtain the position information of the difference point.
  • the position information of all pixels whose distance from the hand-drawn graphic trajectory is less than or equal to the brush width R is calculated, and combined to form the target pixel set.
  • the hand-drawn point includes a first touch point, a second touch point, and a difference point between the first touch point and the second touch point.
  • the target color value of the target pixel is calculated by using the background color value of the target pixel and the preset color overlay calculation formula.
  • the color overlay calculation formula provided in this application is:
  • R3 (R1*Alpha1+R2*Alpha2*(1-Alpha1))/Alpha(2)
  • (R1, G1, B1, Alpha1) represents the brush color information
  • (R2, G2, B2, Alpha2) represents the initial color value of the pixel
  • (R3 ,G3,B3,Alpha3) represent the pixel target color information.
  • the display performs display according to the pixel position information of the target pixel point set and the target color information.
  • the display performs color display according to the pixel position information corresponding to the pixel point set and the painted color value corresponding to each pixel point in the pixel point set.
  • the controller acquires the positions of two adjacent touch points, calculates the positions of all pixels in the hand-drawn trajectory, and then calculates the target pixel set for the brush width value. Using the background color value of the target pixel and the preset color superposition calculation formula, the target color value of the target pixel is calculated, and the target color of the target pixel is displayed. Then acquire the position information of the next touch point.
  • Fig. 43 is an effect diagram of the color display of the medium panel in the current mode
  • Fig. 44 is an effect diagram of the color display of the panel in the technical solution of the present application.
  • Figure 43 and Figure 44 both show the effect of drawing with a blue brush against a red background.
  • the P area is the background
  • the Q area is the brush painting area
  • the pixel colors of the backgrounds in Figure 43 and Figure 44 are consistent, and the brushes are consistent.
  • drawing with a blue brush on a red background produces a color mixing effect, which is more realistic and improves user experience.
  • this application provides a display device and a color mixing display method.
  • the color mixing display method can be applied to a display device.
  • the color mixing display method includes: acquiring the brush color value and width value input by the user; The pixel coordinate value of the control point; performing a difference operation on the adjacent touch points to obtain the position information of the hand-drawn point; obtaining the set of target pixel points; wherein, the set of target pixel points is the same as the hand-drawn point A set of pixel points whose distance is less than or equal to the width value, the set of target pixel points includes coordinate values and initial color values of all target pixel points; according to the brush color value and the initial color value of the target pixel points, use
  • the preset color superposition calculation formula calculates the target color value of the target pixel, and controls the display of the target pixel in the display to be the target color value.
  • the display graphically displays the target color value of the target pixel.
  • the pixel color value after color superposition is calculated, so that the color of the current brush and the original color of the drawing board will have a color mixing effect during the drawing process of the drawing board, which makes the painting more realistic.
  • the present invention also provides a computer storage medium, wherein the computer storage medium can store a program, and when the program is executed, it can include part or all of the various embodiments of the display device and the coloring method provided by the present invention step.
  • the storage medium may be a magnetic disk, an optical disk, a read-only memory (English: read-only memory, abbreviated: ROM) or a random access memory (English: random access memory, abbreviated: RAM), etc.

Abstract

本申请提供一种显示设备及填色方法，用于在接收输入的指示显示目标图片的指令时，在显示设备上显示目标图片，目标图片包括至少一个闭合区域；响应于输入的由绘制起点到绘制终点的滑动操作，确定所述绘制起点到所述绘制终点之间的滑动路径；控制位于目标闭合区域的所述滑动路径填充预设颜色，且控制位于所述目标闭合区域外的所述滑动路径不填充颜色。

Description

一种显示设备及填色方法
相关申请的交叉引用
本申请要求在2021年06月30日提交、申请号为202110736500.1,专利名称为“一种显示设备及填色方法”；在2021年6月30日提交、申请号为202110741457.8，专利名称为“一种显示设备及显示方法”；在2021年06月30日提交、申请号为202110748425.0，专利名称为“显示设备及颜色拾取方法”；在2021年06月30提交、申请号为202110738904.4，专利名称为“显示设备及图形填充方法”；在2021年6月30提交、申请号为202110738848.4，专利名称为“一种显示设备和颜色混色显示方法”；在2022年02月11日提交、申请号为202210128208.6，专利名称为“一种显示设备及填色方法”；在2022年02月28日提交、申请号为202210191377.4，专利名称为“一种显示设备及显示方法”；在2022年02月25日提交中国专利局、申请号为202210178587.X，专利名称为“显示设备及图形填充方法”；在2022年02月11日提交、申请号为202210127412.6，专利名称为“一种显示设备和颜色混色显示方法”的中国专利申请的优先权，上述申请文件的全部内容通过引用结合在本申请中。
技术领域
本申请涉及智能电视画板技术领域，尤其涉及一种显示设备及填色方法。
背景技术
显示设备是指能够输出具体显示画面的终端设备，如智能电视、移动终端、智能广告屏、投影仪等。以智能电视为例，智能电视可以基于Internet应用技术，具备开放式操作系统与芯片，拥有开放式应用平台，可实现双向人机交互功能，集影音、娱乐、教育、数据等多种功能于一体的电视产品，用于满足用户多样化和个性化需求。例如，智能电视上可以安装画板应用软件，画板应用软件为用户提供多种类型的填色图片，以供用户填色。
发明内容
一方面，本申请提供一种显示设备，包括：
显示器，用于呈现电子画板界面，所述电子画板界面包括控件区和绘画区，所述控件区包括至少一个画笔控件，所述画笔控件用于在所述绘画区上输入内容，所述绘画区用于呈现所述画笔控件输入的内容和显示目标图片；
触控组件，用于接收用户通过触控输入的指令，其中所述触控组件和显示器形成触控屏；
控制器，被配置为：
响应于用户输入的指示显示目标图片的指令，在所述绘画区显示所述目标图片，所述目标图片包括至少一个闭合区域；
响应于用户在所述绘画区输入的由绘制起点到绘制终点的滑动操作，确定所述绘制起点到所述绘制终点之间的滑动路径；
控制位于目标闭合区域的所述滑动路径填充预设颜色，且控制位于所述目标闭合区域外的所述滑动路径不填充颜色，其中，所述目标闭合区域是所述绘制起点所处的所述闭合区域。
第二方面，本申请提供一种填色方法，应用于显示设备，包括：
响应于用户输入的指示显示目标图片的指令，在绘画区显示目标图片，所述目标图片包括至少一个闭合区域；
响应于用户在所述绘画区输入的由绘制起点到绘制终点的滑动操作，确定所述绘制起点到所述绘制终点之间的滑动路径；
控制位于目标闭合区域的所述滑动路径填充预设颜色，且控制位于所述目标闭合区域外的所述滑动路径不填充颜色，其中，所述目标闭合区域是所述绘制起点所处的所述闭合区域。
第三方面，本申请提供一种显示设备，包括：显示器，被配置为展示填色界面，填色界面包括填色图片、填色控件和擦除控件，填色图片包括填色区域以及围成填色区域的边界；触控组件，用于接收用户触控输入的指令，其中触控组件和显示器形成触摸屏；控制器，控制器被配置为：获取用户在触摸屏上选中像素点形成的移动轨迹；确认移动轨迹对应的目标擦除区域；判断目标擦除区域中每一个像素点的位置坐标是否为边界的位置坐标；若像素点的位置坐标不是边界的位置坐标，则删除像素点；若像素点的位置坐标是边界的位置坐标，则保留边界。第二方面，本申请提供一种显示方法，包括：获取用户在触摸屏上选中像素点形成的移动轨迹；确认移动轨迹对应的目标擦除区域；判断目标擦除区域中每一个像素点的位置坐标是否为边界的位置坐标；若像素点的位置坐标不是边界的位置坐标，则删除像素点；若像素点的位置坐标是边界的位置坐标，则保留边界。
第四方面，本申请提供一种显示方法，包括：获取用户在触摸屏上选中像素点形成的移动轨迹；确认移动轨迹对应的目标擦除区域；判断目标擦除区域中每一个像素点的位置坐标是否为边界的位置坐标；若像素点的位置坐标不是边界的位置坐标，则删除像素点；若像素点的位置坐标是边界的位置坐标，则保留边界。
第五方面，本申请提供一种显示设备，包括：
显示器，用于显示用户界面；
控制器，被配置为：
呈现画板界面，所述画板界面包括控件区和绘画区，所述控件区包括至少一个画笔控件，所述画笔控件用于在所述绘画区上输入内容，所述绘画区用于呈现输入的内容；
响应于输入的触发拾取操作，在所述绘画区上显示颜色拾取控件，所述颜色拾取控件至少用于指示出颜色拾取点及拾取颜色，所述拾取颜色为所述绘画区中所述颜色拾取点处的颜色；
响应于输入的确认拾取操作，将根据当前颜色拾取控件指示的颜色拾取点确定的拾取颜色，设定为所述画笔控件的输入颜色。
第六方面，本申请还提供一种颜色拾取方法，应用于显示设备，所述方法包括：
呈现画板界面，所述画板界面包括控件区和绘画区，所述控件区包括至少一个画笔控件，所述画笔控件用于在所述绘画区上输入内容，所述绘画区用于呈现输入的内容；
响应于输入的触发拾取操作，在所述绘画区上显示颜色拾取控件，所述颜色拾取控件至少用于指示出颜色拾取点及拾取颜色，所述拾取颜色为所述绘画区中所述颜色拾取点处的颜色；
响应于输入的确认拾取操作，将根据当前颜色拾取控件指示的颜色拾取点确定的拾取颜色，设定为所述画笔控件的输入颜色。
第七方面，本申请实施例公开了一种显示设备，包括：
显示器；
触控组件，被配置为在显示界面区域内获取用户的触控点输入；
控制器，所述控制器被配置为：
接收用户在显示界面区域内触发的对绘制界面上的目标封闭图形进行填充颜色的触控指令，其中，所述绘制界面的画布可被放大或者移动以致所述目标封闭图形部分显示于所述显示器的显示界面内，其余部分显示于所述显示器的显示界面外；
获取所述目标封闭图形的在绘制界面上的封闭轮廓线，并根据所述封闭轮廓线对所述目标封闭图形的整体进行颜色填充，以使得所述目标封闭图形在显示界面内显示的部分展示颜色填充效果。
第八方面，本申请实施例公开了一种图形填充方法，包括：
接收用户在显示界面区域内触发的对绘制界面上的目标封闭图形进行填充颜色的触控指令，其中，所示绘制界面的画布可被放大或者移动以致所述目标封闭图形部分显示于所述显示器的显示界面内，其余部分显示于所述显示器的显示界面外；
获取所述目标封闭图形的在绘制界面上的封闭轮廓线，并根据所述封闭轮廓线对所述目标封闭图形的整体进行颜色填充，以使得所述目标封闭图形在显示界面内显示的部分展示颜色填充效果。
附图说明
为了更清楚地说明本申请的技术方案，下面将对实施例中所需要使用的附图作简单地介绍，显而易见地，对于本领域普通技术人员而言，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。
图1为根据实施例中显示设备与控制装置之间操作场景的示意图；
图2为一些实施例中的显示设备的硬件配置框图；
图3为一些实施例中的显示设备中软件配置图；
图4为一些实施例中的电子画板的示意图；
图5为一些实施例中的图片选项栏示意图；
图6为一些实施例中的工具栏页面示意图；
图7为一些实施例中的画笔工具栏示意图；
图8为一些实施例中用户输入的内容超出目标图片的闭合区域的区域边界的示意图；
图9为一些实施例中填色保护模式项目示意图；
图10为一些实施例中填色保护模式确认信息页面图；
图11为一些实施例中对像素进行颜色填充的信息交互图；
图12为一些实施例中对目标图片进行区域划分的示意图；
图13为一些实施例中的触控轨迹示意图；
图14为一种填色方法的流程图；
图15a为根据一些实施例示出的又一种电子画板界面的示意图；
图15b为根据一些实施例示出的又一种电子画板界面的示意图；
图16a示出了根据一些实施例的显示方法的流程示意图；
图16b示出了根据一些实施例的显示方法的流程示意图；
图17示出了根据一些实施例的显示设备200上显示的填色图片的示意图；
图18示出了根据一些实施例的目标落点的示意图；
图19示出了根据一些实施例的预设擦除宽度r的擦除范围示意图；
图20示出了根据一些实施例的填色图片被填色的示意图；
图21示出了根据一些实施例的擦除轨迹的目标落点的示意图；
图22示出了根据一些实施例的擦除颜色后的填色图片的示意图；
图23为根据一些实施例示出的一种画板界面示意图；
图24为根据一些实施例示出的一种画板界面及颜色拾取控件示意图；
图25为根据一些实施例示出的另一种画板界面及颜色拾取控件示意图；
图26为根据一些实施例示出的另一种画板界面及颜色拾取控件示意图；
图27为根据一些实施例示出的一种画板界面及颜色拾取控件示意图；
图28为根据一些实施例示出的另一种画板界面及颜色拾取控件示意图；
图29为根据一些实施例示出的颜色拾取方法流程图；
图30中示例性示出了相关技术中对超出显示界面的目标封闭图形的填充效果示意图；
图31中示例性示出了根据一些实施例的绘制界面与显示界面的相对位置关系示意图；
图32中示例性示出了根据一些实施例的绘制界面在显示界面内的显示示意图；
图33中示例性示出了根据一些实施例的绘制界面移出显示界面内的显示示意图；
图34中示例性示出了根据一些实施例的绘制界面放大而超出显示界面内的显示示意图；
图35中示例性示出了根据一些实施例的绘制界面移出显示界面时的填充后效果示意图；
图36中示例性示出了根据一些实施例的绘制界面放大而超出显示界面时的填充后效果示意图；
图37中示例性示出了根据一些实施例的修正量计算相关的原理示意图；
图38中示例性示出了根据一些实施例的修正量计算相关的原理示意图；
图39中示例性示出了根据一些实施例的轮廓线标识示意图；
图40为根据一些实施例的画板应另一界面示意图；
图41为根据一些实施例的画板应用的另一界面示意图；
图42中示例性示出了根据一些实施例的颜色混色显示方法流程示意图；
图43为现有技术中画板颜色显示效果图；
图44为本申请技术方案中画板颜色显示效果图。
具体实施方式
为使本申请的目的和实施方式更加清楚，下面将结合本申请示例性实施例中的附图，对本申请示例性实施方式进行清楚、完整地描述，显然，描述的示例性实施例仅是本申请一部分实施例，而不是全部的实施例。
需要说明的是，本申请中对于术语的简要说明，仅是为了方便理解接下来描述的实施方式，而不是意图限定本申请的实施方式。除非另有说明，这些术语应当按照其普通和通常的含义理解。
本申请中说明书和权利要求书及上述附图中的术语“第一”、“第二”、“第三”等是用于区别类似或同类的对象或实体，而不必然意味着限定特定的顺序或先后次序，除非另外注明。应该理解这样使用的用语在适当情况下可以互换。
术语“包括”和“具有”以及他们的任何变形，意图在于覆盖但不排他的包含，例如，包含了一系列组件的产品或设备不必限于清楚地列出的所有组件，而是可包括没有清楚地列出的或对于这些产品或设备固有的其它组件。
术语“模块”是指任何已知或后来开发的硬件、软件、固件、人工智能、模糊逻辑或硬件或/和软件代码的组合，能够执行与该元件相关的功能。
图1为根据实施例中显示设备与控制装置之间操作场景的示意图。如图1所示，用户可通过智能设备300或控制装置100操作显示设备200。
在一些实施例中，可以理解为移动终端或者遥控器等通过无线或有线方式来控制显示设备200。
其中，图2示出了一种显示设备的硬件配置框图，显示设备200可以包括调谐解调器210、通信器220、检测器230、外部装置接口240、控制器250、显示器260、音频输出接口270、存储器、供电电源、用户接口中的至少一种。
在一些实施例中，显示器260包括用于呈现画面的显示屏组件，以及驱动图像显示的驱动组件，用于接收源自控制器输出的图像信号，进行显示视频内容、图像内容以及菜单操控界面的组件以及用户操控UI界面。
在一些实施例中，用户可在显示器260上显示的图形用户界面(Graphic User Interface，GUI)输入用户命令，则用户输入接口通过图形用户界面(GUI)接收用户输入命令。或者，用户可通过输入特定的声音或手势进行输入用户命令，则用户输入接口通过传感器识别出声音或手势，来接收用户输入命令。
在一些实施例中，“用户界面”，是应用程序或操作系统与用户之间进行交互和信息交换的介质接口，它实现信息的内部形式与用户可以接受形式之间的转换。用户界面常用的表现形式是图形用户界面(GUI)，是指采用图形方式显示的与计算机操作相关的用户界面。它可以是在电子设备的显示屏中显示的一个图标、窗口、控件等界面元素，其中控件可以包括图标、按钮、菜单、选项卡、文本框、对话框、状态栏、导航栏、Widget等可视的界面元素。
在一些实施例中的硬件或软件架构可以基于上述实施例中的介绍，在一些实施例中可以是基于相近的其他硬件或软件架构，可以实现本申请的技术方案即可。
基于上述显示设备200，可以通过增加触控组件使显示设备200支持触控交互功能。通常，触控组件可以与显示器260共同构成触控显示屏。在触控显示屏上用户可以通过触摸操作输入不同的控制指令。例如，用户可以输入点击、滑动、长按、双击等触控指令，不同的触控指令可以代表不同的控制功能。
同理，对于双击、长按等触控指令，控制器250可以通过提取不同的特征，并通过特征判断确定触控指令的类型后，按照预设的交互规则执行相应的控制功能。在一些实施例中，触控组件还支持多点触控，从而使用户可以在触控显示屏上通过多指输入触摸动作，例如，多指点击、多指长按、多指滑动等。
在一些实施例中，控制设备100可以是触控笔，用户可以通过触控笔，如电容笔，以点击触控屏幕的方式输入用户指令，完成对显示设备200上图片的颜色填充或擦除。控制设备100也可以是鼠标，按下鼠标移动时，完成对显示设备200上图片的颜色填充或擦除。
在一些实施例中，控制设备100包括控制单元，控制单元用于接收由人手在显示器上滑动而引起的位置随时间的变化所呈现的移动轨迹，并根据移动轨迹生成对应的控制指令，完成对显示设备200上图片的颜色填充或擦除。
对于上述触控动作还可以配合特定的应用程序，实现特定的功能。例如，当用户打开“演示画板”应用后，显示器260可以呈现绘制区域，用户可以通过滑动触控指令在绘制区域中画出特定触控动作轨迹，控制器250则通过触控组件检测的触控动作，确定触控动作图案，并控制显示器260实时进行显示，以满足演示效果。
在一些实施例中，显示设备中可以安装有多个应用，图3示出了一些实施例中显示器中的用户界面，用户可以点击用户界面中的“我的应用”，从而查看应用列表。应用列表中包括显示设备已安装的所有应用。显示设备可安装一个画板应用，以及其他的一些应用，如：播放器应用，摄像头应用等。当显示器中显示应用列表时，用户可以选择其中一个应用并打开，以触发进入到该应用的界面。
在画板应用的应用界面，用户可进行写字、划线等操作，显示设备可根据用户的触摸动作生成触摸轨迹，以实现画板演示或娱乐的功能。显示设备启动画板应用后，显示器上呈现电子画板界面。电子画板界面上显示与画板应用的一个或者多个功能相对应的 用户界面对象、信息和/或可输入内容的区域。前述用户界面对象是指构成电子画板界面的对象，可以包括但不限于文本、图像、图标、软按键(或称“虚拟按钮”)、下拉菜单、单选按钮、复选框、可选列表等等。所显示的用户界面对象可以包括，用于传递信息或者构成用户界面外观的非交互对象、可供用户交互的交互式对象，或者非交互对象与交互式对象的组合。用户在可以在其希望与之交互的交互对象所对应的触控屏位置与触控屏进行接触，从而与用户界面对象进行交互。显示设备检测接触，并且通过执行与交互对象的交互相对应的操作来响应所检测到的接触，以实现在画板应用中进行作画。
在一些实施例中，本申请实施例所涉及的部分或者全部步骤在操作系统内和应用程序中实现。在一些实施例中，将用于实现本申请实施例部分或者全部步骤的应用程序称为上述“画板应用”，其存储在存储器中，控制器250通过在操作系统中运行该应用程序，来控制显示设备200的工作和响应与该应用程序有关的用户操作。
值得注意的是，本申请实施例涉及的显示设备包括但不限于上述实施例介绍的显示设备200，还可以是具有图像显示功能、数据处理及信息收发功能的其他终端设备，如手机、平板电脑等便携式移动终端。以下将以显示设备为例，对本申请实施例进行详细说明。
图4为一种示例性的电子画板界面，如图4所示，电子画板界面包括绘画区D和控件区T。其中，绘画区即为可输入内容的区域，控件区显示有与画板应用的一个或者多个功能相对应的项目入口，例如，“插入”项目入口和“工具”项目入库等。
在一些实施例中，绘画区和控件区可以位于同一个图层的不同位置，绘画区和控件区也可以位于不同的图层中，以绘画区和控件区位于不同的图层为例，绘画区可以是第一图层中的部分或全部区域，第一图层位于电子画板界面上，控件区可以是第二图层中的部分或全部区域，第二图层可以叠加在第一图层上，第二图层也可以与第一图层并列设置，以在电子画板界面中显示绘画区和控件区对应的内容。
在一些实施例中，当用户点击“插入”项目时，响应于用户输入的指示显示目标图片的指令，触发显示设备显示如图5所示的图片选项栏。图片选项栏中包括多个可插入的图片选项，例如“图片A”、“图片B”以及“图片C”等。用户点击任一图片选项，可将选中的图片插入到画板应用中，并显示在绘画区，在具体实现中，响应于用户输入的指示显示目标图片的指令，生成第三图层，第三图层叠加在第二图层上，第三图层用于绘制图片选项栏，响应于用户在该图片选项栏中对目标图片的选中操作，控制器控制关闭第三图层，并在第一图层绘制目标图片，以使显示器显示目标图片，其中，用户选择插入的图片即为目标图片。
在一些实施例中，当用户点击“工具”项目时，触发在显示设备显示如图6所示的工具栏页面。工具栏页面包括“画笔”工具以及“橡皮擦”工具等。当用户点击“画笔”工具时，触发显示设备显示如图7所示的画笔工具栏。基于画笔工具栏，可以对画笔的类型、颜色、线条粗细以及线条样式等参数信息进行选择，以生成相应的画笔工具，用户可以控制画笔工具在绘画区输入内容，输入的内容即为用户在绘画区上的触控轨迹。
在一些实施例中，目标图片可以包括至少一个闭合区域，每个闭合区域包括有封闭式的区域边界围成，用户可以控制画笔工具对目标图片进行填充颜色的操作(下文称为“填色”)。
相关应用中，当用户控制画笔工具对目标图片进行涂色时，未对闭合区域的区域边界做出限制，使得用户输入的内容可能会超出闭合区域的区域边界，影响用户后续的绘制效果。例如，图8示出了相关应用中用户输入的内容超出目标图片的闭合区域 的区域边界的示意图。其中，L1为用户输入的线条，该线条从A点开始，依次经过B点、C点、D点以及E点，A点和E点位于闭合区域中，B点和D点位于闭合区域的区域边界上，该线条B点-C点-D点的部分为超出区域边界的部分，影响绘制效果。
本申请提供的显示设备可以对目标图片中闭合区域的区域边界进行限制，防止用户输入的内容超出闭合区域的区域边界，影响用户后续的绘制效果。
在一些实施例中，显示设备可以设置有“填色保护模式”。当显示设备进入“填色保护模式”时，可以对闭合区域的区域边界做出限制，令用户输入的内容不会超出闭合区域的区域边界。当显示设备未处于“填色保护模式”时，则不对闭合区域的区域边界做出限制。
在一些实施例中，用户可以通过与用户界面中的交互式对象进行交互，设置“填色保护模式”。示例性的，前述交互式对象可以是显示在电子画板界面上的“填色保护模式”项目。参见图9，电子画板界面设置有“填色保护模式”项目，当用户选中“填色保护模式”项目时，控制器控制显示设备进入“填色保护模式”。当用户再次选中该项目时，控制器可以控制显示设备退出“填色保护模式”。
在一些实施例中，为防止用户误触发“填色保护模式”，当控制器接收到“填色保护模式”指令时，可以控制显示器显示“填色保护模式”确认界面，从而使得用户在“填色保护模式”确认界面确认是否要控制显示设备进入“填色保护模式”。图10示出了一些实施例中显示器中显示“填色保护模式”确认信息的示意图，该“填色保护模式”确认界面包括“是”选项入口和“否”选项入口，当用户选择“是”选项入口时，控制器控制显示设备进入“填色保护模式”，以在用户对目标图片进行填色操作时，每次操作均只能在目标图片中的部分区域进行上色，而不会将颜色涂到其他区域中，当用户选择“否”选项入口时，则显示设备不进入“填色保护模式”，用户可以每次操作都可以在目标图片中的任意位置进行填色操作。
应理解的是，上述“填色保护模式”仅是为便于说明而定义的示例性功能名称/模式名称，其代表显示设备所具有的某种功能，并不限定本申请技术方案的保护范围。
在一些实施例中，目标图片以标准图像文件格式存储在存储器中，例如，目标图片以Bitmap格式存储在存储器中，目标图片包括若干像素点，像素点是影像显示的基本单位，可以将像素点看为不能再分割成更小元素或单位的格点。在目标图片中，若干特定颜色的像素点可以围成至少一个闭合区域，而上述若干特定颜色的像素点则位于该闭合区域的区域边界位置。具体的，位于区域边界位置的像素点的颜色与其他位置的像素点的颜色不同，例如，位于区域边界位置的像素点的颜色为黑色，其他位置的像素点的颜色为白色。
在一些实施例中，控制器接收到用户输入的“填色保护模式”开启指令后，控制对存储在存储器中的目标图片中的每一个像素点进行扫描，获取每一个像素点的位置信息和颜色信息，根据每一个像素点的颜色信息，将目标图片划分为若干区域，每一个区域均是由特定颜色的像素点形成的区域边界围成的闭合区域，之后，根据每一个像素点的位置信息和其所述的闭合区域，将目标图片中的所有像素点分成与该闭合区域数量相等的类别，并分别存储每一个类别的像素点至存储器中。例如，根据每一个像素点的颜色信息，若目标图片被划分为3个闭合区域，分别为第一闭合区域、第二闭合区域以及第三闭合区域。则分别获取存储器中存储的位于第一闭合区域、第二闭合区域以及第三闭合区域的像素点的位置信息，生成对应的第一像素点合集、第二像素点合集以及第三像素点合集。其中，第一像素点合集包括第一闭合区域中的所有像素点的位置信息，第二像素点合集包括第二闭合区域中的所有像素点的位置信息，第三像素点合集包括第三闭合区域中的所有像素点的位置信息。需要说明的是，上述闭合 区域不仅仅是指由区域边界位置的像素点围成的图像区域，例如，目标图片的闭合区域还包括由区域边界位置的像素点和目标图片的边缘位置围成的背景区域。
在一些实施例中，控制器控制对存储器中存储的目标图片的像素点进行扫描时，可能会由于未扫描到某些区域中的像素点的颜色信息而遗漏对该闭合区域的划分。为了避免上述问题，可通过将已扫描到的像素点的颜色信息的数量与目标图片中像素点的总数量进行对比，若已扫描到的像素点的颜色信息的数量小于目标图片中像素点的总数量，则控制继续对目标图片继续进行扫描。直至扫描到的像素点的颜色信息的数量等于目标图片中像素点的总数量，则说明对该目标图片的所有区域均已扫描完成且可以基于扫描得到的像素点的颜色信息划分出目标图片中的每一个闭合区域。
在一些实施例中，用户可以控制画笔工具在绘画区输入内容。更为具体的，用户通过“落笔”-“移动”-“抬笔”的操作控制画笔工具在绘画区输入的内容为一条触控轨迹，该触控轨迹包括绘制起点和绘制终点，绘制起点即为用户输入该触控轨迹时经过的第一个像素点，绘制终点即为用户输入该触控轨迹时经过的最后一个像素点；用户通过“落笔”-“抬笔”的操作控制画笔工具在绘画区输入的内容为一个触控点，该触控点既是绘制起点也是绘制终点。其中，“落笔”操作即为用户点击画笔工具，使画笔工具处于被选中状态，并控制画笔工具在绘画区输入内容；“移动”操作即为使画笔工具在选中状态的同时，处于连续运动状态；“抬笔”操作即为使画笔工具处于未被选中状态或画笔工具处于被选中状态但用户停止对画笔工具的控制。
在一些实施例中，响应于用户在所述绘画区输入的由绘制起点到绘制终点的滑动操作，确定绘制起点到绘制终点之间的滑动路径，并获取目标闭合区域，该目标闭合区域即是绘制起点所在的像素点在目标图片中位于的闭合区域，可以根据绘制起点所在的像素点位置信息，依次和各闭合区域进行对比，以查找目标闭合区域。例如，目标图片包括第一闭合区域、第二闭合区域以及第三闭合区域，获取第一闭合区域中的像素点位置信息，若第一闭合区域中的像素点位置信息包括绘制起点所在的像素点位置信息，则判定第一闭合区域是目标闭合区域，若否，则继续获取第二闭合区域中的像素点位置信息，若第二闭合区域中的像素点位置信息包括绘制起点所在的像素点位置信息，则判定第二闭合区域是目标闭合区域，否则，判定第三闭合区域是目标闭合区域。
在一些实施例中，根据滑动路径经过的每一个像素点的位置信息，判断滑动路径经过的像素点是否是目标闭合区域中的像素点，若滑动路径经过的像素点是所述目标闭合区域中的像素点，则根据画笔控件指示的填充颜色对应的填充颜色值，对位于目标闭合区域中的滑动路径经过的像素点进行颜色填充。
在一些实施例中，当检测到用户的“落笔”操作时，参见图11，控制器对“落笔”点对应的像素点进行颜色填充，所填充的颜色可在画笔工具栏中进行选择，若未对填充的颜色进行选择，则使用默认填充颜色对像素点进行填充。获取落笔点区域信息，落笔点区域信息包括“落笔”点所在的闭合区域中的全部像素点的位置信息；接收并判定用户输入“落笔”操作后输入的操作事件；若判定该操作事件类型为“抬笔”操作事件，则此次填色结束；若判定该操作事件类型为“移动”操作事件，则获取相应滑动路径经过的像素点位置信息，根据得到的滑动路径经过的像素点位置信息，获取位于“落笔”点所在的闭合区域中的滑动路径经过的像素点，对位于“落笔”点所在的闭合区域中的滑动路径经过的像素点进行颜色填充。例如，参见图12，示例性的给出了一个目标图片，目标图片上包括图像区域和背景区域，其中，图像区域为目标图片中“小马驹”图像的轮廓所围成的区域。用户输入“填色保护模式”开启指令后，控制器对该目标图片进行扫描，可以得到包括背景区域在内的18个闭合区域，例如，背景区域为第一闭合 区域，“小马驹”的身体部分为第二闭合区域等。在该目标图片上设置八个点位，分别用字母A、B、C、D、E、F、G、H表示，其中，A、B、C、G以及H点位于第二闭合区域，且C点和G点位于区域边界上，用户控制画笔工具，在A点进行“落笔操作”，并移动画笔工具依次经过B、C、D、E、F、G以及H点，生成的触控轨迹如图13所示，仅有经过A-B-C以及G-H的实线部分会显示出来，经过C-D-E-F-G的虚线部分则不会被显示出来，即触控轨迹上位于A-B-C以及G-H线条上的像素点可以被填充颜色，而位于C-D-E-F-G线条上的像素点不会被填充颜色。
在一些实施例中，将滑动路径经过的任意两个相邻的像素点之间的最短距离确定为第一距离，将对像素点进行颜色填充时的填充半径确定为第二距离，若第一距离大于第二距离，则在这两个相邻的像素点之间生成预设数量的插值像素点，其中预设数量可以是第一距离与第二距离的比值。
在一些实施例中，可以通过建立坐标系，以坐标的形式表示目标图片的各像素点的位置信息，例如，可以以目标图片左下角的第一个像素点的中心位置为坐标原点建立坐标系，相邻的两个像素点的中心之间的距离视为一个单位长度，以(Xi,Yi)的形式表示像素点，Xi表示为距离Y轴i个单位距离的点，Yi表示为距离X轴i个单位距离的点，(Xi,Yi)表示为距离Y轴i个单位距离且距离X轴i个单位距离的像素点，获取位于区域边界的像素点的坐标信息，以及位于区域边界的像素点所围成的闭合区域的坐标范围；当用户进行“落笔”操作时，控制器对处于“落笔”点的像素点进行颜色填充，并获取位于落笔点的像素的坐标信息和该落笔点所在的闭合区域的坐标范围；判断用户进行“落笔”操作后的操作事件类型，若判定该操作事件类型为“抬笔”事件，则此次填色结束；若判定该操作事件类型为“移动”事件，则获取相应的滑动轨迹经过的像素点的坐标信息；根据落笔点所在的闭合区域的坐标范围以及滑动轨迹经过的各像素点的坐标，判定各轨迹像素点是否在落笔点区域中，并对属于落笔点区域的插值像素点进行颜色填充，对不属于落笔点区域的插值像素点进行消除。
基于上述实施例，参见图14，本申请还提供一种填色方法，包括：
S101：响应于用户输入的指示显示目标图片的指令，在所述绘画区显示所述目标图片，所述目标图片包括至少一个闭合区域。
S102：响应于用户在所述绘画区输入的由绘制起点到绘制终点的滑动操作，确定所述绘制起点到所述绘制终点之间的滑动路径。
S103：控制位于目标闭合区域的所述滑动路径填充预设颜色，且控制位于所述目标闭合区域外的所述滑动路径不填充颜色,其中，所述目标闭合区域是所述绘制起点所处的所述闭合区域。
在一些实施例中，所述控件区还包括触发按钮，响应于对所述触发按钮的操作，控制所述显示设备进入填色保护模式，其中，所述填色模式是指只令位于目标闭合区域中的所述滑动路径填充预设颜色
在一些实施例中，在控制位于目标闭合区域的所述滑动路径填充预设颜色，且控制位于所述目标闭合区域外的所述滑动路径不填充颜色之前，根据第一闭合区域中的像素点位置信息，判断所述绘制起点所在的像素点是否是所述第一闭合区域中的像素点，其中，所述第一闭合区域是所述目标图片中的任意一个闭合区域；若所述绘制起点所在的像素点是所述第一闭合区域中的像素点，则将所述第一闭合区域确定为目标区域。
在一些实施例中，根据第一闭合区域中的像素点位置信息，判断所述绘制起点所在的像素点是否是所述第一闭合区域中的像素点之前，遍历所述目标图片中的像素点，获取每一个所述像素点的位置信息；根据所述像素点所处的所述闭合区域，分类存储 每一个所述像素点的位置信息。
在一些实施例中，根据所述滑动路径经过的每一个像素点的位置信息，判断所述滑动路径经过的像素点是否是所述目标闭合区域中的像素点；若所述滑动路径经过的像素点是所述目标闭合区域中的像素点，则对所述滑动路径经过的像素点进行颜色填充。
在一些实施例中，响应于用户对所述画笔控件的触发操作，确定所述画笔控件指示的填充颜色；根据所述填充颜色对应的填充颜色值，对所述滑动路径经过的像素点进行颜色填充。
在一些实施例中，将所述滑动路径经过的任意两个相邻的像素点之间的最短距离确定为第一距离，将对所述第一像素点进行颜色填充时的填充半径确定为第二距离；若所述第一距离大于所述第二距离，则在这两个相邻的所述像素点之间生成预设数量的插值像素点。
在一些实施例中，判断每一个所述插值像素点是否位于所述目标闭合区域中；控制对位于所述目标闭合区域的所述插值像素点进行颜色填充；控制对位于所述目标闭合区域之外的所述插值像素点进行消除。
在一些实施例中，获取距离所述插值像素点最近的一个所述第一像素点的填充颜色值；根据所述填充颜色值，对所述插值像素点进行颜色填充。
由以上技术方案可知，本申请提供一种显示设备及填色方法，用于在接收输入的指示显示目标图片的指令时，在显示设备上显示目标图片，目标图片包括至少一个闭合区域；响应于输入的由绘制起点到绘制终点的滑动操作，确定所述绘制起点到所述绘制终点之间的滑动路径；控制位于目标闭合区域的所述滑动路径填充预设颜色，且控制位于所述目标闭合区域外的所述滑动路径不填充颜色,以解决用户在填色过程中容易出现填色痕迹超出填色区域边界的问题，提高用户体验。
图15a为根据一些实施例示出的又一种画板界面的示意图。如图15a所示，填色图片预置了可以进行填色的图案(图案有云朵、恐龙以及草等等)，图案包括至少一个线条以及以连续的线条围成的至少一个闭合区域。至少一个线条作为闭合区域的边界，与闭合区域内颜色显示不同，以便用户明显的识别边界和闭合区域。用户可以在闭合区域内进行填色。闭合区域可以相邻设置，也可以不相邻设置。用户对图片进行填色，即是对图片中的闭合区域进行填色。通常，闭合区域的颜色为纯底色，例如：白色；填色边界也就是闭合区域的边界线条，边界线条围绕闭合区域设置。通常，填色边界的颜色为纯边界色，例如：黑色。填色时，用户可点击颜色控件，选择需要的颜色，然后点击画笔控件，选择填色区域，完成填色操作；擦除颜色时，选择擦除控件，选择需要擦除的区域，完成擦除操作。
在一些实施例中，在对图片进行填色的过程中，闭合区域中已经完成填色的部分，称为已填色区域，将已填色区域上像素点的配置信息与边界的配置信息保存在同一个文件中，以使所述已填色区域和所述边界展示在同一图片中，其中，配置信息包括颜色和位置。这样，当选择擦除的区域包括边界或包括边界的一部分时，由于边界也在进行擦除操作的同一个文件中；中，包含在“选择擦除的区域”中的边界也会被擦除。而边界是填色图片中填色的界限限制，边界被删除后，会破坏该边界围成的填色区域的界限信息，当再次选择前述填色区域进行填色时，会导致颜色涂到填色区域以外，如图15b。
下面结合附图说明本申请提供的显示设备，该显示设备包括显示器，所述显示器用于展示填色界面；该显示设备的控制器可被配置执行下述显示方法，图16a示出了根据一些实施例的显示方法的流程示意图。如图16a所示，显示方法包括：获取用户 在触摸屏上选中像素点形成的移动轨迹；确认移动轨迹对应的目标擦除区域；判断目标擦除区域中每一个像素点的位置坐标是否为边界的位置坐标；若像素点的位置坐标不是边界的位置坐标，则删除像素点；若像素点的位置坐标是边界的位置坐标，则保留边界。
在一种实现方式中，获取用户在触摸屏上选中像素点形成的移动轨迹包括：响应于用户在触摸屏上输入的用于擦除填色区域颜色的指令，例如，用户选中电子画板上的擦除控件，此时，填色区域的像素点均处于待选中状态，用户通过在触摸屏上移动选中像素点，前述选中的像素点集合为移动轨迹。
在一种实现方式中，用户还可以通过特定的动作选中电子画板上的擦除控件。对于擦除控件的选中方式，本申请不作限定。
图16b示出了根据一些实施例的显示方法的流程示意图。如图16b所示，在某一具体的实现方式中，显示方法包括：
S161，获取填色图片上目标落点的像素点位置信息。
如图17所示，填色图片预置了可以进行填色的图案(图案有云朵、恐龙以及草等等)，图案包括至少一个线条以及以线条围成的至少一个闭合区域。如包括线条41以及以线条41围成的闭合区域51，线条42和线条41围成的闭合区域52，还包括线条43围成的闭合区域63。连续的线条41和线条42围成的闭合区域51和闭合52的图案为云朵。用户可以在闭合区域内进行填色。其他组成图案的线条和线条围成的填色区域与上述构成相同，不做赘述。
可以理解的是，用户可以通过在电子画板上对填色图片进行填色操作，实现填色区域51、填色区域52和填色区域53等的颜色填充或擦除。并且颜色填充或擦除只能在闭合区域中进行。
目标落点，是指由人手、控制设备和/或智能设备在显示设备200上的填色图片上滑动，而产生位置随时间的变化所呈现的移动轨迹。其中，控制设备和/或智能设备在显示设备200上的填色图片上滑动预先关联对应的控制指令，本申请不作限定。
本申请提供一种获取手指在填色图片上目标落点的像素点位置信息的方法。在某一具体的实现方式中，以手指为例，在填色图片上落和移动时，获取手指在填色图片上目标落点的像素点位置信息的方法包括：读取触屏事件类型，触屏事件类型包括：手指落下事件、手指移动事件以及手指抬起事件；当为手指落下事件时，获取手指移动经过的像素点位置；当为手指移动事件时，获取手指移动经过的像素点位置；当为手指抬起事件时，结束操作。
在某一具体的实现方式中，图18示出了根据一些实施例的目标落点的示意图。如图18所示，当人手、控制设备和/或智能设备在显示设备200上的填色图片上从A点滑动到B点时，形成轨迹“线段AB”。S1中所述目标落点的像素点，即是指轨迹“线段AB”上所有点对应的像素点，所有像素点的位置信息，即坐标(x i,y i)的集合，即是本步骤中要获取填色图片上目标落点的像素点位置信息。
在某一具体的实现方式中，目标落点可以决定擦除的位置，擦除的范围可以由预设的擦除宽度r决定。也就是说，若预设的擦除宽度r，则离目标落点(x i,y i)的距离小于等于r的所有像素点均被擦除。此时，目标像素点还包括集合S中的像素点，集合S为离目标落点的距离小于等于预设擦除宽度r的所有像素点的集合。
图19示出了根据一些实施例的预设擦除宽度r的擦除范围示意图。如图19所示，目标落点为轨迹“线段AB”时，擦除的范围是“以“线段AB”每一点为圆心，以擦除宽度r为半径，构成的所有圆”所形成的宽度为2r的带状区域，即图示区域521以及区域531。也就是说，当预设擦除宽度为r时，不光要获取目标落点的像素点的位置信息，即坐标(x i,y i)的集合，同时，要获取离目标落点的像素点的距离小于等于r的所有像素点的位置信息， 即坐标(x i,y i)的集合。
S162，若所述像素点为边界位置，则保留所述像素点；前述颜色应为边界的初始颜色。这样，多次填色擦除操作后，可以保证边界的颜色一致，进而保证填色区域的界限限制不被破坏，保证画板功能的正常使用。
图20示出了根据一些实施例的涂色图片被涂色的示意图。如图20所示，同时，参见图17，填色区域51、填色区域52和填色区域53已经被涂色(填色颜色为黑色)。
图21示出了根据一些实施例的擦除轨迹的目标落点的示意图。如图21所示，擦除轨迹为轨迹“线段AB”，“线段AB”经过填色区域52和填色区域53。
在某一具体的实现方式中，当预设的擦除宽度为r时，擦除轨迹为轨迹“线段AB”，擦除范围为，“以“线段AB”每一点为圆心，以擦除宽度r为半径，构成的所有圆”所形成的宽度为2r的带状区域，与填色区域52和填色区域53的相交区域。可以理解的是，其他位置的像素点的颜色被保留。
在某一具体的实现方式中，边界位置是指边界，即如图17所示的连续的线条41、线条42以及线条43等其他围成填色区域的线条。图22示出了根据一些实施例的擦除颜色后的填色图片的示意图。如图22所示，当擦除轨迹为轨迹“线段AB”时，前述带状区域，与闭合区域61和闭合区域62的相交区域被擦除，分别为擦除区域521和擦除区域531。线条42与带状区域的交集，即线段421和线段422被保留；线条43与带状区域的交集，即线段431以及线段432被保留。其中，边界位置是指线条42以及线条43等其他围成填色区域的线条，保留所述像素点是指，保留线段421、线段422、线段431以及线段432。
本申请提供一种保留线段421、线段422、线段431以及线段432的方法。在某一具体的实现方式中，根据预设的擦除宽度r，获取离目标落点的像素点的距离小于等于r的所有像素点(x i,y i)，记作集合S。遍历集合S中的每一个像素点(x i,y i)，判断像素点(x i,y i)是否为边界，若为边界，则保留边界。
S163，若所述像素点不是所述边界位置，则删除所述像素点；
在某一具体的实现方式中，如图22所示，当擦除轨迹为轨迹“线段AB”时，前述带状区域，与填色区域51和填色区域52的相交区域被擦除，分别为擦除区域521和擦除区域531。
可以理解的是，边界位置信息，即像素点(x i,y i)位置坐标，可以预先保存在控制设备中，用以当有擦除的指令时，直接调取边界位置信息作为边界位置。
本申请一些实施例中，填色区域包括已填色区域；控制器进一步被配置为：将已填色区域上像素点的配置信息与边界的配置信息保存在同一个文件中，以使所述已填色区域和所述边界展示在同一图片中；若像素点的位置坐标不是边界的位置坐标，则删除像素点；包括：若像素点的位置坐标不是边界的位置坐标,则在同一个文件上删除像素点的配置信息。
本申请一些实施例中，若像素点的位置坐标是边界的位置坐标，则保留边界；包括：若像素点不是边界位置，则在同一个文件上保留边界的配置信息。
本申请一些实施例中，填色区域还包括未填色区域；确认移动轨迹对应的目标擦除区域；包括：确认第二相交轨迹，第二相交轨迹为移动轨迹与未填色区域相交的像素点集合；根据移动轨迹上除第二相交轨迹以外的像素点，确认目标擦除区域。
下面结合附图说明填色图片的边界配置信息的识别和保存方法。
在一些实施例中，边界位置的初始颜色与填色图片上除边界位置以外的区域的颜色不同；获取边界位置的初始颜色的步骤中，边界的初始颜色为边界颜色；获取填色图片上的目标像素点的步骤中，控制器进一步被配置为：保存填色图片；设置填色图片的边界颜色；从填色图片的第一个像素点开始，遍历读取填色图片的每一个像素点的颜色；若像素点的颜色为边界颜色，则将像素点的位置坐标作为边界的位置坐标保存至存储器。
在一些实施例中，边界的颜色为第一颜色，填色区域未填色时的颜色为第二颜色，第一颜色与第二颜色不同；若像素点的颜色为边界的颜色，则将像素点的位置坐标作为边界的位置坐标保存至存储器；包括：判断像素点的颜色是否为第一颜色；若像素点的颜色为第一颜色，则将像素点的位置坐标作为边界的位置坐标保存至存储器。
如图17所示，填色图片预置了可以进行填色的图案，图案以连续的线条围成多个可以进行填色的填色区域。其中，连续的线条作为多个填色区域的边界(为方便描述，下文中使用“边界”代替“围成多个填色区域的连续的线条”)，为使用户识别出边界和填色区域，边界的线条颜色明显区别于填色区域的初始设置颜色。比如，图17所示的填色图片边界使用黑色线条，填色区域的初始设置颜色为白色。
本申请提供的填色图片的边界位置信息的识别方法，利用边界颜色明显不同于填色区域的初始设置颜色的特性，通过区分颜色的方法，来区分边界和填色区域，进而将边界的像素点的位置信息集合作为边界位置保存。
在一些实施例中，从填色图片的第一个像素(x 0,y 0)位置开始，遍历填色图片的每一个像素点(x i,y i)的颜色，判断该像素点(x i,y i)的颜色是否为边界颜色。在一些实施例中，在判断像素点(x i,y i)的颜色之前，可以填色图片加载到内存，以bitmap格式保存，并设置边界颜色，从而实现判断步骤。可以理解的是，边界颜色可以是单一颜色，也可以是多种颜色，本申请不做限定。
如果确定像素点(x i,y i)是边界颜色，将此像素点(x i,y i)保存。
在一些实施例中，若某一像素点(x i,y i)是边界颜色，将此像素点(x i,y i)保存在集合A中。遍历填色图片的每一个像素点(x i,y i)的颜色后，所有集合A中元素均作为边界位置。
可以理解的是，若像素点(x i,y i)不是边界颜色，则认为，像素点(x i,y i)为填色区域，或为填色图片上填色图案以外的留白区域。填色区域和留白区域的颜色可以相同，也可以不同，但都应该明显不同于边界颜色。
通过上述实施例中的方法以颜色区分像素点，将颜色的不同转化为拥有不同特征(指边界和非边界)的像素点，通过将边界的像素点的集合作为边界位置保存，在判断目标像素点是否是边界位置时，控制器响应于擦除颜色的控制指令,进一步被配置为：遍历填色图片上的所有像素点，用以判断像素点的颜色是否为边界颜色；若像素点的颜色是边界颜色，则像素点确定为目标像素点。
在一些情境中，选择需要擦除的区域之前，填色图片已经完成一部分填色区域的填色，填色图片包括已填色区域和未填色区域；需要擦除的区域可能同时经过已填色区域和未填色区域，未填色区域是不要擦除颜色的。
为了更高效的完成擦除动作，本申请提供的显示方法还包括：已填色区域为闭合区域；擦除目标像素点的颜色的步骤中，控制器进一步被配置为：确认第一相交像素点，第一相交像素点为目标落点与已填色区域的边界相交的像素点；根据第一相交像素点，确认目标落点上与已填色区域重合的像素点，用以作为目标像素点；填色区域还包括未填色区域；未填色区域为闭合区域；控制器进一步被配置为：确认第二相交像素点，第二相交像素点为目标落点与未填色区域的边界相交的像素点；根据第二相交像素点，删去目标落点上与未填色区域重合的像素点，用以将目标落点上剩余像素点作为目标像素点。
通过本申请提供的上述方法，能够通过扫描填色区域，记录并保存边界位置信息，将颜色的不同转化为拥有不同特征(指边界和非边界)的像素点，通过将边界的像素点的集合作为边界位置保存，用以在擦除用户在填色区域涂上的颜色时，区分边界和填色区域，进而实现了在填色过程中，对填色进行擦除时只能擦除用户的填色，保留填色边界不被擦除。填色图片的封闭区域和边界信息不会被破坏，保证填色功能继续可用。
图23为本申请在一些实施例中示出的另一种画板界面。如图23所示，该画板界面包括绘画区D和控件区T。其中，绘画区D则用于接收用户通过控件区T中的控件输入的内容，并显示接收到的内容，如线条、图形、文字等。控件区T用于显示各类功能控件，例如，包括多个样式不同的画笔控件621a、621b、621c、621d及621e、擦除控件622、删除控件623、录像控件624、更多控件625以及撤销控件626以及恢复控件627，当某个画笔控件被选中时，展示该画笔控件对应的工具栏，在工具栏中可以选择画笔颜色、粗细，工具栏中还显示有色板控件以及颜色吸取控件。在显示该画板界面时，用户通过点击画笔控件拾起画笔，在拾起画笔后，可以在对应的工具栏中选择现有的画笔颜色选项，或者点击色板控件触发显示色板，以在色板中选择画笔颜色，或者点击颜色吸取控件，触发进入到从绘画区上拾取颜色的过程。用户在色板上选择的画笔颜色，或者从绘画区上拾取的颜色，将被配置为画笔控件的输入颜色。在拾起画笔控件的状态下，用户可以基于与绘画区接触输入内容，输入的内容即为用户在绘画区上的接触轨迹。
在显示画板界面时，用户可以通过输入触发拾取操作，触发显示设备进入对绘画区上的颜色进行拾取的过程。在一些实现方式中，用户可以通过点击上述颜色吸取控件，以输入触发拾取操作。显示设备则在接收到用户对颜色吸取控件的点击操作时，确定接收到触发拾取操作。在另一些实现方式中，用户可以通过输入预定手势，输入该触发拾取操作。例如，在绘画区的任意位置上的轻敲操作、或者长按操作。显示设备则在接收到输入的用户手势后，判断该用户手势是否与预设触发拾取操作相对应，若是，则确定接收到触发拾取操作。另外，用户还可以通过语音控制的方式输入触发拾取操作，例如，说出触发拾取口令。
在一些实施例中，响应于输入的触发拾取操作，显示设备的绘画区上的预定位置处将显示颜色拾取控件。所述预定位置即为预先设定的位置，如绘画区的中心，或是绘画区的某一个象限内。例如，当用户通过点击颜色吸取控件输入触发拾取操作时，在绘画区上层的预定位置处显示颜色拾取控件。
在另一些实施例中，响应于输入的触发拾取操作，显示设备的绘画区上的第一位置处将显示颜色拾取控件，该第一位置根据该触发拾取操作确定。例如，如果触发拾取操作对应的预定手势是在绘画区上的某个位置执行长按操作，那么当检测到用户在绘画区上的第一位置处执行的长按操作时，在绘画区上层的第一位置处显示颜色拾取控件。
颜色拾取控件用于指示颜色拾取点及拾取颜色，其中，拾取颜色为绘画区中颜色拾取点处的颜色。值得注意的是，在一些实施例中，颜色拾取控件可以同时指示出颜色拾取点、拾取颜色、拾取颜色的RGB值。在另一些实施例中，颜色拾取控件在指示出颜色拾取点、拾取颜色、拾取颜色的RGB值的同时，还可以放大显示颜色拾取点区域，该颜色拾取点区域可以是绘画区中的以颜色拾取点为中心点的预设尺寸的区域。可以看出，颜色拾取控件是显示在绘画区上的可视提示，该可视提示会在用户选择目标拾取颜色过程中，向用户提供选择目标拾取颜色的操作的暗示或者提醒。应理解的是，用户选择目标拾取颜色的操作，即是用户改变颜色拾取点的操作，以下简称变更操作。这样，用户即可根据颜色拾取控件的提醒，通过改变颜色拾取点的位置，拾取到目标颜色。也就是说，在输入触发拾取操作后，用户可以通过输入变更操作，来改变颜色拾取点的位置，用户可以通过输入确认拾取操作，终止颜色拾取过程，并控制显示设备将当前拾取颜色确定为目标拾取颜色。当然，在输入触发拾取操作后，也可以直接输入确认拾取操作，从而拾取到最初的颜色拾取点对应的颜色。
在一些实现方式中，拾取控件可以是文本、图形或其任意组合。
图24为本申请在一些实施例中示出的一种画板界面，该画板界面具体可以是用户点击颜色吸取控件后显示的界面。如图24所示，在该画板界面中，绘画区上层显示有颜色拾取控件700，该颜色拾取控件700包括第一区域710、第二区域720和第三区域730。其中，第一区域710是以颜色拾取点为中心的圆形区域，绘画区中的颜色拾取点区域711在第一区域中放大显示。此外，第一区域710的中心显示有指示标识712，该指示标识712用于指示颜色拾取点的位置。第二区域720是围绕在第一区域710外侧且与第一区域710同心的环形区域，第二区域720的填充颜色为拾取颜色，即绘画区中颜色拾取点处的颜色。第三区域730位于第二区域720外侧，第三区域730中显示拾取颜色的RGB值。
在上述示例中，第三区域默认显示在第一区域及第二区域的上方，为了避免当颜色拾取控件显示在屏幕边缘而使第三区域显示在显示器视口范围外的问题，当颜色拾取控件移动到屏幕上方边缘时，第三区域可以自动移动到第一区域及第二区域的两侧或者下方；当颜色拾取控件移动到屏幕右侧边缘时，第三区域可以自动移动到第一区域及第二区域的左侧；当颜色拾取控件移动到屏幕左侧边缘时，区域第三区域可以自动移动到第一区域及第二区域的右侧。
需要说明的是，上述第一区域710、第二区域720及第三区域730可以是不同图层中的区域，也可以是同一图层中的区域。颜色拾取点区域与第一区域的形状相同，其可以在第一区域中以预设放大倍数放大显示。
由图24中示出的拾取控件可以看出，该颜色拾取控件用于示出颜色拾取点、拾取颜色及拾取颜色的RGB值。应理解的是，当颜色拾取点发生变化时，该拾取控件示出的拾取颜色、拾取颜色的RGB值也随之变化。此外，由于绘画区中的颜色拾取点区域在第一区域中放大显示，因此提高了该颜色拾取控件对于颜色拾取点的位置表征的精确度。
需要说明的是，图24中示出的颜色拾取控件作为本申请的一个示例，并不构成对本申请保护范围的限定。在本申请另外的实施例中，颜色拾取控件可以是不同于上述示例的文本、图形或其任意组合。
在另一些实施例中，颜色拾取控件可以仅用于指示出颜色拾取点的位置及拾取颜色，而不显示拾取颜色的RGB值，也不对绘画区中的颜色拾取点区域进行放大显示。示例性的，图25为本申请示例性示出的另一种画板界面，如图25所示，该界面的绘画区上显示有颜色拾取控件800，该颜色拾取控件800包括第一区域810，第一区域810是以当前颜色拾取点为中心的圆形区域，第一区域810的中心显示有指示标识811，该指示标识811用于指示当前颜色拾取点的位置，该第一区域的填充颜色为绘画区中当前颜色拾取点处的颜色，即拾取颜色。
在某些实施例中，通过在颜色拾取控件中放大显示绘画区中的颜色拾取点区域，使颜色拾取控件在指示出颜色拾取点的同时，指示出拾取颜色。在这些实施例中，无需对拾取颜色进行单独显示。示例性的，图26为本申请示例性示出的又一种画板界面，如图26所示，该界面的绘画区上显示有颜色拾取控件900，该颜色拾取控件900包括第一区域910，第一区域910是以当前颜色拾取点为中心的圆形区域，第一区域910的中心显示有指示标识911，该指示标识911用于指示当前颜色拾取点的位置，绘画区中的颜色拾取点区域912在该第一区域910中放大显示。由图26可以看出，将绘画区中的颜色拾取点区域在第一区域中放大显示，使颜色拾取控件900在指示出颜色拾取点的同时，指示出拾取颜色。
在输入触发拾取操作后，用户可以通过输入变更操作，来改变颜色拾取点的位置，显示设备则响应于输入的变更操作，将颜色拾取控件移动到新的位置，并根据新的颜色拾取点更新颜色拾取控件的显示状态，以使颜色拾取控件实时指示出新的拾取颜色。
在一些实施例中，变更操作包括与触摸屏的接触操作。例如，变更操作包括在触摸屏上执行手势，即与触摸屏接触的对象/配件的运动。为了便于说明，在该过程以及下文描述 的其他实施例中，触摸屏上的接触将被描述成由用户使用至少一只手以及使用一个或者多个手指来执行的。但是应理解的是，该接触也可以是使用任何适当的物件或配件来执行，例如电容笔等。所述接触可以包括，在触摸屏上发生的一下或者多下点击、保持与触摸屏持续接触、在保持持续接触的同时移动接触点、中断接触、或前述一项或者多项的组合。
在一些实施例中，颜色拾取控件是一个交互式用户界面对象，用户可以与之交互以改变颜色拾取点，最终选择出目标拾取颜色。换句话说，变更操作是针对颜色拾取控件进行的。在某些实施例中，针对颜色拾取控件改变颜色拾取点的操作包括，以拖拽的方式移动颜色拾取控件，将颜色拾取控件拖拽到绘画区上的期望位置。可以理解的是，拖拽颜色拾取控件的过程所途经的所有接触点都可以是期望的颜色拾取点。基于移动的终点可以确定目标颜色拾取点，目标颜色拾取点处的颜色即为目标拾取颜色。
可以看出，在用户选择目标拾取颜色过程中，颜色拾取控件可以为用户提供移动路径的可视反馈。用户可以根据颜色拾取控件提供的可视反馈，更加准确快速的拾取到目标颜色。当绘画区上显示颜色拾取控件时，用户可以开始接触触摸屏。显示设备检测触摸屏上的接触。如果该接触与变更操作相对应，那么颜色拾取控件的显示位置及显示状态则依据该接触而实时变化。如果该接触不与变更操作相对应，那么颜色拾取控件的显示位置及显示状态将保持不变。例如，如果变更操作是在保持与颜色拾取控件接触的同时移动接触点，而检测到的接触是在触摸屏上的点击，那么由于该接触不与变更操作相对应，则颜色拾取控件的显示位置及显示状态保持不变。又如，如果变更操作是在触摸屏绘画区内的点击，而检测到的接触是在触摸屏上的长按，那么由于该接触不与变更操作相对应，则颜色拾取控件的显示位置及显示状态保持不变。
而如果检测到的接触与变更操作相对应，那么颜色拾取控件将随着接触点的移动而移动，颜色拾取控件指示的拾取颜色、拾取颜色的RGB值、及其中放大显示的颜色拾取点区域，都将随着最新颜色拾取点的变化而更新。例如，如果变更操作是在保持与颜色拾取控件持续接触的同时移动接触点，那么在检测到与该变更操作相对应的接触时，颜色拾取控件的显示位置及状态将在接触过程中随着接触点的移动而实时变化。又如，如果变更操作是在触摸屏绘画区内的点击，那么在检测到与该变更操作相对应的接触时，颜色拾取控件的显示位置及状态则变化成与点击位置相对应的位置及状态。
在另一些实施例中，用户可以通过输入预定手势，输入变更操作。例如，在绘画区的任意位置上的轻敲操作、或者长按操作。显示设备则在接收到输入的用户手势后，判断该用户手势是否与变更操作相对应，若是，则确定接收到变更操作。例如，如果变更操作是在绘画区上某个位置处执行双击操作，那么当检测到用户在绘画区上的第二位置处执行的双击操作时，将颜色拾取控件移动到第二位置显示，并根据第二位置对应的颜色拾取点更新颜色拾取控件指示的拾取颜色。
应理解的是，颜色拾取控件的显示位置及显示状态由某一位置及状态变化到另一位置及状态的过程，是即时的、接近即时的或是具有适当延时的。
在一些实施例中，如果变更操作是在保持与颜色拾取控件接触的同时移动接触点，即变更操作是对颜色拾取控件的拖拽，那么通过中断与触摸屏的接触，可以中断对颜色拾取控件的拖拽过程。换句话说，当与触摸屏的接触中断时，意味着对目标拾取颜色的选择过程完成，接触中断前的接触点即为目标颜色拾取点，对应的颜色即为目标拾取颜色。
在一些实施例中，如果变更操作是在保持与颜色拾取控件接触的同时移动接触点，即变更操作是对颜色拾取控件的拖拽，那么当显示设备检测到用户与触摸屏的接触中断时，确定接收到预设确认操作，响应于该预设确认操作，将根据当前的颜色拾取控件指示的颜色拾取点确定的拾取颜色，确定为目标拾取颜色。
需要说明的是，在某些实施例中，用户通过其他方式输入预设确认操作，例如，通过 与界面中指定的交互式界面对象进行交互而输入预设确认操作。
在一些实施例中，当响应于接收到的预设确认操作，撤销对颜色拾取控件的显示。
在一些实施例中，将目标拾取颜色设定为画笔控件的输入颜色。这样，当用户拾起画笔控件时，即可使用目标拾取颜色输入内容，即输入的内容的颜色为目标拾取颜色。
在一些实施例中，当显示颜色拾取控件时，用户仍然可以与界面上的其他的界面交互对象进行交互。但是，当显示颜色拾取控件时，一旦用户与界面上其他界面交互对象进行交互，显示设备将响应于检测到的交互操作，而将当前颜色拾取控件指示的拾取颜色确认为目标拾取颜色。
图27-图28为本申请在一些实施例中示出的通过颜色拾取控件选择目标拾取颜色的过程的GUI显示。在图27所示界面中，绘画区上显示有颜色拾取控件，该颜色拾取控件示出的颜色拾取点为A点，示出的拾取颜色为(R1,G1,B1)。图27中，用户使用手指与屏幕上颜色拾取控件接触而开始执行操作，并在保持与触摸屏持续接触的同时，移动接触点，接触点的移动轨迹如图28中的虚线箭头所示。随着用户的接触点的移动，颜色拾取控件移动到图28所示位置。在图28中，颜色拾取控件示出的颜色拾取点变化为B，示出的拾取颜色变化为(R2,G2,B2)。
在处于图28示出的交互状态时，用户可以中断与触摸屏的接触，以输入确认拾取操作，此时，显示设备将用户中断接触时的拾取颜色确定为目标拾取颜色。用户也可以继续保持与触摸屏的接触，以继续改变颜色拾取点。继续改变颜色拾取点的过程可以参考上述图28所示过程，此处不予赘述。
在以上实施例的更为具体的实现方式中，显示设备根据颜色拾取控件指示的颜色拾取点的位置坐标，从绘画区对应的位图数据(bitmap数据)中获取与前述位置坐标对应的像素点的RGB值，从而获取到绘画区中颜色拾取点处的颜色值，进而可以根据该颜色值显示颜色拾取控件，以及当接收到确认拾取操作时，通过前述方式获取到接收到确认拾取操作时的颜色拾取点处的颜色值，并将该颜色值设定为画笔控件的输入颜色值。
由以上实施例可以看出，基于本申请实施例提供的显示设备，在显示画板界面时，用户可以通过操作从绘画区上拾取颜色，作为画笔控件的输入颜色。其中，显示设备可以响应于输入的触发拾取操作，在绘画区上显示颜色拾取控件，由于颜色拾取控件至少指示出了颜色拾取点及拾取颜色，因此可以为用户提供可视反馈，以便用户从绘画区上拾取到期望的颜色；当接收到输入的确认拾取操作时，将根据当前颜色拾取控件指示的颜色拾取点确定的拾取颜色，设定为所述画笔控件的输入颜色。相对于从现有的从色板上拾取颜色的方式，本申请提供的颜色拾取方法，可以使用户更加准确、快速地拾取到期望的颜色。
根据上述实施例提供的显示设备，本申请还提供一种颜色拾取方法，该方法应用于上述显示设备，如图29所示，该方法可以包括：
S291，呈现画板界面，所述画板界面包括控件区和绘画区，所述控件区包括至少一个画笔控件，所述画笔控件用于在所述绘画区上输入内容，所述绘画区用于呈现输入的内容。
在一些实施例中，所述控件区包括触发按钮，所述响应于输入的触发拾取操作，在所述绘画区上显示颜色拾取控件，包括：响应于接收到对所述触发按钮的操作，在所述绘画区上层的预定位置处显示所述颜色拾取控件。
在一些实施例中，响应于输入的触发拾取操作，在所述绘画区上显示颜色拾取控件，包括：响应于接收到在所述绘画区上的第一预定手势，在所述绘画区上层的第一位置处显示所述颜色拾取控件，所述第一位置根据所述第一预定手势确定。
S292，响应于输入的触发拾取操作，在所述绘画区上显示颜色拾取控件，所述颜色拾取控件至少用于指示出颜色拾取点及拾取颜色，所述拾取颜色为所述绘画区中所述颜色拾取点处的颜色。
在一些实施例中，所述颜色拾取控件还用于指示所述拾取颜色的RGB值，和/或，放大显示所述绘画区中以所述颜色拾取点为中心点的局部区域。
在一些实施例中，在S292之后，本申请提供的颜色拾取方法还包括：在显示所述颜色拾取控件时，接收输入的颜色拾取点变更操作；根据所述变更操作确定新的颜色拾取点，并根据所述新的颜色拾取点对所述颜色拾取控件的显示位置及所述颜色拾取控件指示的拾取颜色进行更新。
在一些实施例中，所述颜色拾取控件是可供用户交互以改变所述颜色拾取点的交互式用户界面对象；所述变更操作包括针对所述颜色拾取控件执行的拖拽操作。
在一些实施例中，本申请提供的颜色拾取方法还包括：当检测到用户与所述显示器的接触断开时，确定接收到所述预设确认操作。
在一些实施例中，在显示所述颜色拾取控件时，接收输入的颜色拾取点变更操作，包括：接收在所述绘画区上的第二预定手势，将所述颜色拾取控件移动到第二位置显示，并根据所述第二位置对应的颜色拾取点更新所述颜色拾取控件指示的拾取颜色，所述第二位置根据所述第二预定手势确定。
S293，响应于输入的确认拾取操作，将根据当前颜色拾取控件指示的颜色拾取点确定的拾取颜色，设定为所述画笔控件的输入颜色。
在一些实施例中，响应于输入的预设确认操作，撤销对所述颜色拾取控件的显示。
基于本申请实施例提供的颜色拾取方法，在显示画板界面时，用户可以通过操作从绘画区上拾取颜色，作为画笔控件的输入颜色。其中，显示设备可以响应于输入的触发拾取操作，在绘画区上显示颜色拾取控件，由于颜色拾取控件至少指示出了颜色拾取点及拾取颜色，因此可以为用户提供可视反馈，以便用户从绘画区上拾取到期望的颜色；当接收到输入的确认拾取操作时，将根据当前颜色拾取控件指示的颜色拾取点确定的拾取颜色，设定为所述画笔控件的输入颜色。相对于从现有的从色板上拾取颜色的方式，本申请提供的颜色拾取方法，可以使用户更加准确、快速地拾取到期望的颜色。
在一些实施例中，显示设备安装画板后用户可以在显示器上绘制内容，然后对其进行填充；在实际应用时，在显示器上所绘制内容的外围构成绘制界面，绘制界面可以进行画笔书写、擦除、封闭区域的颜色填充、绘画等功能，本申请实施例中以颜色填充为例进行说明。绘制界面上包括各种封闭图形，将待进行颜色填充的封闭图形称为目标封闭图形；当绘制界面中的各封闭图形均显示在显示界面时，对目标封闭图形进行填充时，可以实现对目标封闭图形的完全填充；当绘制界面的画布被放大或者移动以致目标封闭图形部分显示于显示界面内，其余部分显示于显示界面外时，显示效果为：在显示界面内的图形得到填充，不在显示界面内的图形未得到填充，如图30所示。
一般情况下，绘制界面与显示界面的相对位置关系如图31所示,图31中的a示出绘制界面全部在显示界面内，图31中的b示出绘制界面被左移以致目标封闭图形部分显示于显示界面内，其余部分显示于显示界面外，图31中的c示出绘制界面被放大以致目标封闭图形部分显示于显示界面内，其余部分显示于显示界面外。
本申请实施例中，通过获取目标封闭图形的在绘制界面上的封闭轮廓线，并根据封闭轮廓线对目标封闭图形的整体进行颜色填充，以实现目标封闭图形在显示界面内显示的部分展示颜色填充效果。
为清楚说明本申请的实施例，下面结合附图对本申请实施例提供的显示设备图形填充方法进行描述。
图32示出了包含目标封闭图形的绘制界面在显示界面内时的情形，图32中可以看出，绘制界面均显示于显示界面内，在填充模式下，根据触控指令指示的目标封闭图形完成填充。具体地，包括：根据扫描线种子填充算法获取绘制界面中的各最小封闭区域，然后再 获取所述最小封闭区域对应的封闭轮廓线，对封闭轮廓线内的区域进行预选颜色的相应填充。其中，根据扫描线种子填充算法获取绘制界面中的各最小封闭区域包括：本申请实施例中的种子选为触控点；当有一边种子到达可填充边界的最右边边界或最左边边界时，则认为触控点没有在封闭图形范围内，则不存在最小封闭区域，也就是不存在封闭图形；若在当前行寻找到最右边界和最左边界则将此行的可填充像素点归结到可填充区域，逐行查找直到最上面一行和最下面一行，最终得到完成的最小封闭区域。
图33示出了因移动包含目标封闭图形的绘制界面，而将绘制界面中目标封闭图形部分移出显示界面的情形。在本申请实施例中，以显示界面和绘制界面为两个参考面计算修正量，可通过修正量将绘制界面移至显示界面内，使目标封闭图形部分显示于显示界面内，当绘制界面均在显示界面内时，可以识别到目标封闭图形的封闭轮廓线，封闭轮廓线为在显示界面内得到的目标封闭图形部分的完整轮廓线，然后将修正量进行逆反运算得到修正量的逆变量，根据修正量的逆变量将此时的目标封闭图形部分还原至修正前的状态，将在显示界面内的绘制界面恢复至修正前的原始状态，包括恢复至修正前的位置、大小及形状等参数，随之发生的是，在显示界面内的各目标封闭图形部分的封闭轮廓线同样被恢复至修正前的原始状态；然后对触控指令所指示的目标封闭图形部分的封闭轮廓线进行填充，由于在显示界面内已识别并获取完整的封闭轮廓线，则当封闭轮廓线被还原后，可对封闭轮廓线内的区域均进行填充，从而实现目标封闭图形部分被完全填充。本申请实施例中，将绘制界面调整至显示界面内，然后获取目标封闭图形部分的封闭轮廓线，再将绘制界面还原恢复至初始状态，然后对触控指令所指示的目标封闭图形部分的封闭轮廓线进行填充。填充后效果如图35所示，在图35中可以看出，超出显示界面的部分仍得到填充。
在一些实施例中，还可以在将绘制界面调整至显示界面内后，进行目标封闭图形的填充，然后将填充后的绘制界面还原恢复至初始状态；可以理解的是，此时还原时需要对目标封闭图形的轮廓线及轮廓线内部的各填充点均进行还原恢复，该过程需要的工作量较大。
在一些实施例中，以图33示中因移动绘制界面而将绘制界面中目标封闭图形部分被移出显示界面为例，修正量包括偏移量，根据偏移量将绘制界面移至显示界面内；偏移量包括第一偏移量和第二偏移量，所述第一偏移量和所述第二偏移量分别为X方向和Y方向的偏移量；所述第一偏移量为所述显示界面的中心点X坐标与所述绘制界面的外围边界的中心点X坐标的差值；所述第二偏移量为所述显示界面的中心点Y坐标与所述绘制界面的外围边界的中心点Y坐标的差值。其中，显示界面的中心点X坐标、显示界面的中心点Y坐标如图38所示的中心点(CenterX,CenterY)；绘制界面的外围边界的中心点X坐标、绘制界面的外围边界的中心点Y坐标如图37所示的中心点(R CenterX,R CenterY)；第一偏移量＝CenterX-R CenterX，第二偏移量＝CenterY-R CenterY。需说明的是，本申请不限定偏移量的获取方式，其他方式在本申请实施例的保护范围内。
在一些实施例中，根据上述得到的修正量，将移出显示界面的绘制界面调整至显示界面内，然后根据扫描线种子填充算法获取所述绘制界面中的各最小封闭区域，再获取所述最小封闭区域对应的封闭轮廓线。具体地，如图39，当最小封闭区域对应的图形为凸形图时，封闭轮廓线采用外轮廓线；当最小封闭区域对应的图形为凹形图时，封闭轮廓线采用外轮廓线；当最小封闭区域对应的图形为环形图时，封闭轮廓线采用外轮廓线和内轮廓线组合表示。
在一些实施例中，对修正量作逆反运算得到修正量的逆变量，然后根据修正量的逆变量将移至显示界面内的绘制界面再移至初始状态，将绘制界面恢复至初始位置、大小及形状等初始参数。以图33示例中因移动绘制界面而将目标封闭图形部分被移出显示界面为例，修正量的逆变量包括偏移量的逆变量，根据偏移量将绘制界面移至显示界面内使目标封闭图形全部在显示界面内显示；偏移量的逆变量包括第一偏移量逆变量和第二偏移量逆 变量，其中，显示界面的中心点X坐标、显示界面的中心点Y坐标如图38所示的中心点(R CenterX,R CenterY)；绘制界面的外围边界的中心点X坐标、绘制界面的外围边界的中心点Y坐标如图37所示的中心点(R CenterX,R CenterY)；第一偏移量逆变量＝R CenterX-CenterX，第二偏移量逆变量＝R CenterY-CenterY。需说明的是，本申请不限定偏移量的获取方式，其他方式在本申请实施例的保护范围内。
在一些实施例中，对触控指令所指示的目标封闭图形的封闭轮廓线进行填充，由于在显示界面内已识别并获取完整的封闭轮廓线，则当封闭轮廓线被还原后，可对封闭轮廓线内的区域均进行填充，从而实现目标封闭图形在显示界面内显示的部分展示颜色填充效果。
图34示出了因放大包含目标封闭图形的绘制界面，而导致目标封闭图形部分显示在显示界面内，其余部分显示在显示界面外的情形。在本申请实施例中，以显示界面和绘制界面为两个参考面计算修正量，可通过修正量将绘制界面缩小至显示界面内，使绘制界面完全显示于显示界面内，当绘制界面在显示界面内时，可以识别到目标封闭图形的封闭轮廓线，封闭轮廓线为在显示界面内得到的目标封闭图形的完整轮廓线，然后将修正量进行逆反运算得到修正量的逆变量，根据修正量的逆变量将此时的绘制界面还原至修正前的状态，将在显示界面内的绘制界面恢复至修正前的原始状态，包括恢复至修正前的位置、大小及形状等参数，随之发生的是，在显示界面内的目标封闭图形的封闭轮廓线同样被恢复至修正前的原始状态；然后对触控指令所指示的目标封闭图形的封闭轮廓线进行填充，由于在显示界面内已识别并获取完整的目标封闭图形的封闭轮廓线，则当封闭轮廓线被还原后，可对封闭轮廓线内的区域均进行填充，从而实现目标封闭图形的完全填充，实现目标封闭图形在显示界面内显示的部分展示颜色填充效果。本申请实施例中，将绘制界面调整至显示界面内，然后获取目标封闭图形的封闭轮廓线，再将绘制界面还原恢复至初始状态，然后对触控指令所指示的目标封闭图形的封闭轮廓线进行填充。填充后效果如图36所示，在图36中可以看出，超出显示界面的部分仍得到填充。
在一些实施例中，还可以在将绘制界面调整至显示界面内后，进行目标封闭图形的填充，然后将填充结束后的绘制界面还原恢复至初始状态；可以理解的是，此时还原时需要对目标封闭图形的轮廓线及轮廓线内部的各填充点均进行还原恢复，该过程需要的工作量较大。
在一些实施例中，以图34示中因放大绘制界面而导致目标封闭图形部分显示在显示界面内，其余部分显示在显示界面外为例，放大绘制界面而将目标封闭图形的部分移出显示界面的过程实则包括放大和移动，因此修正量包括缩小比率和偏移量，具体地偏移量包括第一偏移量和第二偏移量，所述第一偏移量和所述第二偏移量分别为X方向和Y方向的偏移量；所述第一偏移量为所述显示界面的中心点X坐标与所述绘制界面的外围边界的中心点X坐标的差值；所述第二偏移量为所述显示界面的中心点Y坐标与所述绘制界面的外围边界的中心点Y坐标的差值。其中，显示界面的中心点X坐标、显示界面的中心点Y坐标如图38所示的中心点(CenterX,CenterY)；绘制界面的外围边界的中心点X坐标、绘制界面的外围边界的中心点Y坐标如图37所示的中心点(R CenterX,R CenterY)；第一偏移量＝CenterX-RCenterX，第二偏移量＝CenterY-RCenterY。具体地，缩小比率包括宽度缩小比率和高度缩小比率，缩小比率取宽度缩小比率和高度缩小比率二者中相对较小的值为最终的缩小比率取值，当宽度缩小比率小于高度缩小比率时，缩小比率取值为宽度缩小比率；当宽度缩小比率大于高度缩小比率时，缩小比率取值为高度缩小比率；其中所述宽度缩小比率为所述第一宽度和所述第二宽度的比值；所述高度缩小比率为所述第一高度和所述第二高度的比值；所述第一宽度和所述第一高度分别为所述显示界面对应的宽度和高度；所述第二宽度和所述第二高度分别为所述绘制界面的外围边界对应的宽度和高度。第一宽度和第一高度如图38所示的ScreenWidth和ScreenHeight，第二宽度和第二高度如图37 中所示的RegionWidth和RegionHeight，宽度缩小比率＝ScreenWidth/RegionWidth，高度缩小比率＝ScreenHeight/RegionHeight。
在一些实施例中，根据上述得到的修正量，将移出显示界面的绘制界面调整至显示界面内，然后根据扫描线种子填充算法获取所述绘制界面中的各最小封闭区域，再获取所述最小封闭区域对应的封闭轮廓线。
在一些实施例中，对修正量作逆反运算得到修正量的逆变量，然后根据修正量的逆变量将移至显示界面内的绘制界面再移至初始状态，将绘制界面恢复至初始位置、大小及形状等初始参数。以图34示例中因放大绘制界面而导致目标封闭图形部分显示于显示界面内，其余部分显示于显示界面外为例，修正量的逆变量包括偏移量的逆变量和缩小比率的逆变量即放大比率，根据偏移量将绘制界面移至显示界面内；偏移量的逆变量包括第一偏移量逆变量和第二偏移量逆变量，其中，显示界面的中心点X坐标、显示界面的中心点Y坐标如图38所示的中心点(CenterX,CenterY)；绘制界面的外围边界的中心点X坐标、绘制界面的外围边界的中心点Y坐标如图37所示的中心点(RCenterX,RCenterY)；第一偏移量逆变量＝RCenterX-CenterX，第二偏移量逆变量＝RCenterY-CenterY。以图38所示的ScreenWidth和ScreenHeight，图37中所示的RegionWidth和RegionHeight为例，宽度放大比率＝RegionWidth/ScreenWidth，高度缩小比率＝RegionHeight/ScreenHeight。
在一些实施例中，对触控指令所指示的目标封闭图形的封闭轮廓线进行填充，由于在显示界面内已识别并获取完整的封闭轮廓线，则当封闭轮廓线被还原后，可对封闭轮廓线内的区域均进行填充，从而实现目标封闭图形在显示界面内显示的部分展示颜色填充效果。
需说明的是，本申请实施例以平移绘制界面或放大绘制界面为例，其他操作导致绘制界面中的目标封闭图形未全部显示于显示界面的情形同样可以通过本申请技术方案得到解决。
参见图40，为根据一些实施例的画板应用的另一界面示意图，如图40所示，绘制过程中，一般首先由用户点击选择画笔颜色、粗细(宽度值)等，随着用户输入触摸动作绘制不同的图案。显示器的屏幕颜色显示对应像素的ARGB值，控制器250根据用户选择的画笔颜色、粗细信息，计算绘制后屏幕像素的ARGB值，并将计算后的ARGB值传送至显示器，显示器根据计算后的ARGB值进行绘画图形的显示。图中箭头显示为用户触摸动作绘制动作示意。
参见图41，为根据一些实施例的画板应用的另一界面示意图，如图41所示，为图40选取画笔颜色、宽度值后用户触摸动作绘制动作示意。
其中，ARGB是一种色彩模式，也就是RGB色彩模式附加上透明度通道。RGB色彩模式是通过对红(Red)、绿(Green)、蓝(Blue)三个颜色通道的变化以及它们相互之间的叠加来得到各式各样的颜色的模式。
在绘画过程中，经常使用不同颜色对画布进行涂布，绘画过程的颜色采用替代的方式，如原始画布颜色位红色，其像素值ARGB为(255，0,0，Alpha1)；画笔颜色为蓝色，其的像素值ARGB为(0，0,255，Alpha2)，则最终显示为画笔颜色(0，0,255，Alpha2)。与现实中绘画过程中颜色重叠混色呈现的颜色不一致。
本申请提供了一种颜色混色显示方法，该混色显示方法可应用于显示设备200，为了实施所述混色显示方法，所述显示设备200包括显示器、触控组件和控制器，其中所述触控组件被配置为检测用户输入的画笔颜色、触控轨迹。图42中示例性示出了根据一些实施例的颜色混色显示方法流程示意图。如图42所示，所述颜色混色显示方法包括以下步骤：
获取用户输入的画笔颜色值和宽度值。
用户可以通过在应用界面工具栏区域点击选择画笔颜色，工具栏区域显示不同的画 笔颜色控件和宽度控件，存储器内存储有颜色控件对应的画笔颜色值、宽度控件对应的画笔宽度值。触控组件将感应到触摸动作从而产生电信号。控制器在接收到电信号后，可以先对电信号中触摸动作对应电平的持续时间进行判断，在持续时间小于预设时间阈值时，识别出用户输入的是点击触控指令。控制器250再对电信号产生的位置特征进行提取，从而确定画笔颜色值和宽度值。
在本申请的一些实施例中，获取用户输入的画笔颜色值可通过获取当前像用户点击位置的像素颜色值，即为用户输入的画笔颜色值。其中，当前像素点集合的像素颜色值采用ARGB记录，例如：某一像素的颜色值为(R0,G0,B0,Alpha0)。
画笔宽度为控制器存储的对应用户点击位置的半径。
获取触控事件类型，判断触控事件是否为移动事件，如果所述触控事件类型为移动事件，则进行下一步。
触控事件是否为移动事件根据手指在触控显示屏的位置是否移动，根据手指在触控显示屏的位置的移动范围与预设像素点值进行判断。如果相邻两个手绘点在显示屏的移动范围小于预设像素点值，则触控事件为移动事件。
当手指在触控显示屏的位置的移动范围小于预设像素点值时，判断手指未发生移动，即该触控事件未存在轨迹移动。
移动范围为手指在触控显示屏X轴移动的坐标和手指在触控显示屏Y轴移动的坐标之和，移动范围小于3个像素点为手指在触控显示屏X轴移动的坐标和手指在触控显示屏Y轴移动的坐标之和小于3。
如果所述触控事件类型为移动事件，获取用户输入的手绘图形像素信息，其中手绘图形像素信息包括手绘点像素位置值。
在进行手绘图形识别时，显示设备200的控制器250可以从触控组件中获取用户输入的手绘图形轨迹。所述手绘图形轨迹是由多个手绘点坐标组成的数据集合。对于显示设备200，用户可以通过其内置的触控组件或外接的输入装置500输入绘制动作，绘制动作将在触控组件上产生电压变化，这种电压变化可以被输检测、传输以及存储，从而实现对手绘点的检测。触控组件再将检测的手绘点数据进行转化，转化成控制器250可以识别的输入数据。
根据触控组件的类型不同，对用户输入的绘制动作的检测方式也不同。例如，对于显示设备200内置的触控组件，可与显示器构成触摸屏，则通过触控组件可以检测用户的触摸点位置，进而检测用户输入的手绘图形轨迹。又例如，输入装置可以是鼠标等外设，当用户移动鼠标时，显示设备200界面上的光标也随之移动，此时可以通过检测鼠标的点击事件，如按下鼠标左键和松开鼠标左键，并检测在两次点击事件中光标的移动位置，确定光标经过的位置数据，实现检测用户输入的手绘图形轨迹。
本申请中触控事件为可以用户手指输入。由于用户输入绘制动作的过程是一个持续的过程，因此用户需要消耗一定时间才能完成对手绘图形轨迹的输入。通常，对于部分较简单的图形，可以按照用户执行一次绘制的开始时间和结束时间对输入的绘制动作进行检测。例如，用户通过手指触控操作执行绘制动作时，当手指刚开始接触触摸屏时表示绘制动作开始，当手指离开触摸屏时表示绘制动作结束，则在手指接触触摸屏的时间段内，手指所经过的所有位置点坐标即可构成用户输入的手绘图形轨迹。手指所经过的所有位置点即为手绘点。
触控屏输入的绘制动作进行检测具有一定的时间间隔，因此相邻的两次触控位置的获取之间存在一定的时间、距离。
因手指在触控组件触控点为单一像素，且获取到的手绘点为非连续像素点位置信息。为获取到更为精确的手绘点像素信息，对手绘点像素进行差值运算，得到手绘点 位置信息。
在本申请实施例中，对两个触控点之间绘图轨迹进行获取的过程为：获取第一触控点和第二触控点的位置信息，其中第一触控点和第二触控点为触控屏在相邻时间内先后获取到的触控点，第一触控点在时间上先于第二触控点。
对第一触控点的位置信息和第二触控点的位置信息进行差值运算，得到差值点的位置信息。
为实现不同宽度的画笔显示效果，根据画笔宽度，获取与绘图轨迹的所有像素点距离在所述宽度范围之内的像素点集合。绘图轨迹包括第一触控点、第二触控点和差值点。
获取目标像素点集合的像素位置信息和背景颜色信息，目标像素点集合为距离手绘图形轨迹小于等于画笔宽度的所有像素点的集合。目标像素点集合为图41中用户手势轨迹与画笔宽度值计算后的全部像素点。
利用颜色叠加计算公式计算每一个像素的目标颜色值，得到涂色后的颜色信息，即目标颜色信息。
目标像素点集合中的像素即为目标像素。
某一像素点的背景颜色值为该像素点当前颜色信息，包括该像素点的颜色和透明度。触控器中内置原始绘图表，包含原始图形的所有像素点的位置信息和颜色值，定义为初始像素点集合。当目标像素点集合中的目标像素点与初始像素点的位置信息一致时，利用颜色叠加计算公式计算目标像素点集合中每一个像素的颜色值，得到目标颜色值，将目标像素点的位置信息和目标颜色值更新至原始绘图表。
如果目标像素点不存在于初始像素点集合中，则目标像素点的目标颜色为画笔颜色。并将该目标像素点的信息增加至原始绘图表。
在本申请实施例中，获取第一触控点的位置信息和第二触控点的位置信息。
获取第一触控点的位置信息，即第一触控点的像素坐标值。
获取第二触控点的位置信息，即第二触控点的像素坐标值。
第一触控点和第二触控点为所述触控屏在相邻时间内先后获取到的触控点，为方便表述，第一触控点在时间上先于第二触控点。在本申请中，触控点为手指触控区域的中心点。
对所述第一触控点与所述第二触控点的位置信息进行差值运算，得到差值点的位置信息。
根据用户选取的画笔宽度值R，计算距离手绘图形轨迹小于等于画笔宽度R的所有像素点的位置信息，组合形成目标像素点集合。其中，手绘点包括第一触控点、第二触控点、以及所述第一触控点与所述第二触控点之间的差值点。
获取目标像素点集合中目标像素点的位置信息与当前颜色值，其中目标像素点的当前颜色值即为目标像素点的背景颜色值。
利用目标像素点的背景颜色值和预设颜色叠加计算公式，计算目标像素点的目标颜色值。
本申请中提供的颜色叠加计算公式为：
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)
其中公式(1)、(2)、(3)、(4)中，(R1,G1,B1,Alpha1)代表画笔颜色信息；(R2,G2,B2,Alpha2)代表像素初始颜色值，(R3,G3,B3,Alpha3)代表像素目标颜色信息。
显示器根据目标像素点集合的像素位置信息和目标颜色信息进行显示。显示器根据像素点集合对应的像素位置信息和像素点集合中每个像素点对应的涂色后的颜色值进行颜色显示。
在本申请实施例中，控制器获取相邻两次触控点位置，计算手绘轨迹中全部像素点的位置，然后画笔宽度值计算目标像素点集合。利用目标像素点的背景颜色值和预设颜色叠加计算公式，计算出目标像素点的目标颜色值，并对目标像素点的目标颜色进行显示。而后进行下一次触控点位置信息的获取。
图43为当前模式下中画板颜色显示效果图；图44为本申请技术方案中画板颜色显示效果图。其中，图43和图44均显示在红色背景下，采用蓝色画笔绘图的效果。其中，图43与图44中P区域为背景，Q区域为画笔作画区域，图43与图44的背景的像素颜色一致，画笔一致。根据图43和图44所示，利用本实施例提供的技术方案，在红色背景下，采用蓝色画笔绘图后，产生混色效果，更加真是，提高用户体验。
综上，本申请提供了一种显示设备和颜色混色显示方法，该混色显示方法可应用于显示设备，其中颜色混色显示方法包括：获取用户输入的画笔颜色值和宽度值；获取手绘轨迹对应触控点的像素坐标值；对相邻的所述触控点进行差值运算，得到手绘点的位置信息；获取所述目标像素点集合；其中，所述目标像素点集合为与所述手绘点距离小于或等于所述宽度值的像素点的集合，所述目标像素点集合中包含全部目标像素点的坐标值和初始颜色值；根据画笔颜色值和所述目标像素点的初始颜色值，利用预设颜色叠加计算公式计算所述目标像素点的目标颜色值，控制所述显示器中所述目标像素点的显示为目标颜色值。显示器对目标像素的目标颜色值进行图形显示。通过使用颜色叠加算法，计算颜色叠加后像素颜色值，使画板作画过程中当前画笔的颜色会与画板原有的颜色产生混色效果，这使作画更加具有真实感。
具体实现中，本发明还提供一种计算机存储介质，其中，该计算机存储介质可存储有程序，该程序执行时可包括本发明提供的显示设备及填色方法的各实施例中的部分或全部步骤。所述的存储介质可为磁碟、光盘、只读存储记忆体(英文：read-only memory，简称：ROM)或随机存储记忆体(英文：random access memory，简称：RAM)等。
本领域的技术人员可以清楚地了解到本发明实施例中的技术可借助软件加必需的通用硬件平台的方式来实现。基于这样的理解，本发明实施例中的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来，该计算机软件产品可以存储在存储介质中，如ROM/RAM、磁碟、光盘等，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)执行本发明各个实施例或者实施例的某些部分所述的方法。
本说明书中各个实施例之间相同相似的部分互相参见即可。尤其，对于显示设备及显示设备的控制方法实施例而言，由于其基本相似于显示设备实施例，所以描述的比较简单，相关之处参见显示设备实施例中的说明即可。
以上所述的本发明实施方式并不构成对本发明保护范围的限定。

Claims (10)

  1. 一种显示设备，包括：
    显示器，用于呈现电子画板界面，所述电子画板界面包括控件区和绘画区，所述控件区包括至少一个画笔控件，所述画笔控件用于在所述绘画区上输入内容，所述绘画区用于呈现所述画笔控件输入的内容和显示目标图片；
    触控组件，用于接收用户通过触控输入的指令，其中所述触控组件和显示器形成触控屏；
    控制器，被配置为：
    响应于用户输入的指示显示目标图片的指令，在所述绘画区显示所述目标图片，所述目标图片包括至少一个闭合区域；
    响应于用户在所述绘画区输入的由绘制起点到绘制终点的滑动操作，确定所述绘制起点到所述绘制终点之间的滑动路径；
    控制位于目标闭合区域的所述滑动路径填充预设颜色，且控制位于所述目标闭合区域外的所述滑动路径不填充颜色,其中，所述目标闭合区域是所述绘制起点所处的所述闭合区域。
  2. 根据权利要求1所述的显示设备，所述控制位于目标闭合区域的所述滑动路径填充预设颜色，且控制位于所述目标闭合区域外的所述滑动路径不填充颜色之前，还包括：
    根据第一闭合区域中的像素点位置信息，判断所述绘制起点所在的像素点是否是所述第一闭合区域中的像素点，其中，所述第一闭合区域是所述目标图片中的任意一个闭合区域；
    若所述绘制起点所在的像素点是所述第一闭合区域中的像素点，则将所述第一闭合区域确定为目标区域。
  3. 根据权利要求2所述的显示设备，所述根据第一闭合区域中的像素点位置信息，判断所述绘制起点所在的像素点是否是所述第一闭合区域中的像素点之前，还包括：
    遍历所述目标图片中的像素点，获取每一个所述像素点的位置信息；
    根据所述像素点所处的所述闭合区域，分类存储每一个所述像素点的位置信息。
  4. 根据权利要求3所述的显示设备，所述控制位于目标闭合区域的所述滑动路径填充预设颜色，且控制位于所述目标闭合区域外的所述滑动路径不填充颜色，还包括：
    根据所述滑动路径经过的每一个像素点的位置信息，判断所述滑动路径经过的像素点是否是所述目标闭合区域中的像素点；
    若所述滑动路径经过的像素点是所述目标闭合区域中的像素点，则对所述滑动路径经过的像素点进行颜色填充。
  5. 根据权利要求4所述的显示设备，所述若所述滑动路径经过的像素点是所述目标闭合区域中的像素点，则对所述滑动路径经过的像素点进行颜色填充，还包括：
    响应于用户对所述画笔控件的触发操作，确定所述画笔控件指示的填充颜色；
    根据所述填充颜色对应的填充颜色值，对所述滑动路径经过的像素点进行颜色填充。
  6. 根据权利要求5所述的显示设备，还包括：
    将所述滑动路径经过的任意两个相邻的像素点之间的最短距离确定为第一距离，将对所述第一像素点进行颜色填充时的填充半径确定为第二距离；
    若所述第一距离大于所述第二距离，则在这两个相邻的所述像素点之间生成预设数量的插值像素点。
  7. 根据权利要求6所述的显示设备，还包括：
    判断每一个所述插值像素点是否位于所述目标闭合区域中；
    控制对位于所述目标闭合区域的所述插值像素点进行颜色填充；
    控制对位于所述目标闭合区域之外的所述插值像素点进行消除。
  8. 根据权利要求7所述的显示设备，所述控制对位于所述目标闭合区域的所述插值像素点进行颜色填充，还包括：
    获取距离所述插值像素点最近的一个所述第一像素点的填充颜色值；
    根据所述填充颜色值，对所述插值像素点进行颜色填充。
  9. 根据权利要求1所述的显示设备，所述控件区还包括触发按钮，所述控制位于目标闭合区域的所述滑动路径填充预设颜色，且控制位于所述目标闭合区域外的所述滑动路径不填充颜色之前，还包括：
    响应于对所述触发按钮的操作，控制所述显示设备进入填色保护模式，其中，所述填色模式是指只令位于目标闭合区域中的所述滑动路径填充预设颜色。
  10. 一种填色方法，包括：响应于用户输入的指示显示目标图片的指令，在绘画区显示目标图片，所述目标图片包括至少一个闭合区域；
    响应于用户在所述绘画区输入的由绘制起点到绘制终点的滑动操作，确定所述绘制起点到所述绘制终点之间的滑动路径；
    控制位于目标闭合区域的所述滑动路径填充预设颜色，且控制位于所述目标闭合区域外的所述滑动路径不填充颜色，其中，所述目标闭合区域是所述绘制起点所处的所述闭合区域。
PCT/CN2022/084172 2021-06-30 2022-03-30 一种显示设备及填色方法 WO2023273462A1 (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202280046883.2A CN117616461A (zh) 2021-06-30 2022-03-30 一种显示设备及填色方法

Applications Claiming Priority (18)

Application Number Priority Date Filing Date Title
CN202110738904 2021-06-30
CN202110738848.4 2021-06-30
CN202110738848 2021-06-30
CN202110741457 2021-06-30
CN202110738904.4 2021-06-30
CN202110736500.1 2021-06-30
CN202110741457.8 2021-06-30
CN202110748425.0A CN113709546A (zh) 2021-06-30 2021-06-30 显示设备及颜色拾取方法
CN202110748425.0 2021-06-30
CN202110736500 2021-06-30
CN202210128208.6 2022-02-11
CN202210128208.6A CN114501107A (zh) 2021-06-30 2022-02-11 一种显示设备及涂色方法
CN202210127412.6A CN115550716A (zh) 2021-06-30 2022-02-11 一种显示设备和颜色混色显示方法
CN202210127412.6 2022-02-11
CN202210178587.XA CN115543160A (zh) 2021-06-30 2022-02-25 显示设备及图形填充方法
CN202210178587.X 2022-02-25
CN202210191377.4A CN115550718A (zh) 2021-06-30 2022-02-28 一种显示设备及显示方法
CN202210191377.4 2022-02-28

Publications (1)

Publication Number Publication Date
WO2023273462A1 true WO2023273462A1 (zh) 2023-01-05

Family

ID=84692448

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/CN2022/084172 WO2023273462A1 (zh) 2021-06-30 2022-03-30 一种显示设备及填色方法

Country Status (2)

Country Link
CN (1) CN117616461A (zh)
WO (1) WO2023273462A1 (zh)

Citations (9)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP2006074602A (ja) * 2004-09-03 2006-03-16 Toshiba Corp 撮像装置
CN101404089A (zh) * 2007-10-04 2009-04-08 精工爱普生株式会社 描画装置、图像输出装置及程序
US20130127910A1 (en) * 2010-10-22 2013-05-23 Adobe Systems Incorporated Drawing Support Tool
EP2669783A1 (en) * 2012-05-31 2013-12-04 BlackBerry Limited Virtual ruler for stylus input
CN110458921A (zh) * 2019-08-05 2019-11-15 腾讯科技（深圳）有限公司 一种图像处理方法、装置、终端以及存储介质
JP2020077434A (ja) * 2020-02-03 2020-05-21 彦坂 陽子 塗り絵装置およびプログラム
CN112000265A (zh) * 2015-06-07 2020-11-27 苹果公司 提供虚拟绘图辅助工具并与其交互的设备、方法和介质
US20210019925A1 (en) * 2019-07-16 2021-01-21 Microsoft Technology Licensing, Llc Techniques for optimizing creation of digital diagrams
CN114501107A (zh) * 2021-06-30 2022-05-13 海信视像科技股份有限公司 一种显示设备及涂色方法

Patent Citations (9)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP2006074602A (ja) * 2004-09-03 2006-03-16 Toshiba Corp 撮像装置
CN101404089A (zh) * 2007-10-04 2009-04-08 精工爱普生株式会社 描画装置、图像输出装置及程序
US20130127910A1 (en) * 2010-10-22 2013-05-23 Adobe Systems Incorporated Drawing Support Tool
EP2669783A1 (en) * 2012-05-31 2013-12-04 BlackBerry Limited Virtual ruler for stylus input
CN112000265A (zh) * 2015-06-07 2020-11-27 苹果公司 提供虚拟绘图辅助工具并与其交互的设备、方法和介质
US20210019925A1 (en) * 2019-07-16 2021-01-21 Microsoft Technology Licensing, Llc Techniques for optimizing creation of digital diagrams
CN110458921A (zh) * 2019-08-05 2019-11-15 腾讯科技（深圳）有限公司 一种图像处理方法、装置、终端以及存储介质
JP2020077434A (ja) * 2020-02-03 2020-05-21 彦坂 陽子 塗り絵装置およびプログラム
CN114501107A (zh) * 2021-06-30 2022-05-13 海信视像科技股份有限公司 一种显示设备及涂色方法

Also Published As

Publication number Publication date
CN117616461A (zh) 2024-02-27

Similar Documents

Publication Publication Date Title
US10678351B2 (en) Devices and methods for providing an indication as to whether a message is typed or drawn on an electronic device with a touch-sensitive display
US11770601B2 (en) User interfaces for capturing and managing visual media
EP3742280A1 (en) Display annotation method, device, apparatus, and storage medium
US9880727B2 (en) Gesture manipulations for configuring system settings
US8448083B1 (en) Gesture control of multimedia editing applications
US8542199B2 (en) Image processing apparatus, image processing method, and program
CN110413187B (zh) 交互智能设备的批注的处理方法和装置
JP5864319B2 (ja) 電子機器、電子機器を制御するための方法、および、電子機器を制御するためのプログラム
CN115129214A (zh) 一种显示设备和颜色填充方法
KR102142328B1 (ko) 상호 작용 모드 선택 방법
CN114115637A (zh) 显示设备及电子画板优化方法
WO2023273761A1 (zh) 一种显示设备及图像处理方法
WO2023273434A1 (zh) 一种显示设备及多指触控显示方法
WO2023273462A1 (zh) 一种显示设备及填色方法
WO2023092254A1 (zh) 一种思维导图调整方法、存储介质及设备
CN113741775A (zh) 图像处理方法、装置及电子设备
CN113485590A (zh) 触控操作方法及装置
CN114296623A (zh) 一种显示设备
JP6945345B2 (ja) 表示装置、表示方法及びプログラム
TWI687863B (zh) 顯示裝置與其的操作方法
WO2023065766A1 (zh) 显示设备及其显示方法
US20210349625A1 (en) Using a touch input tool to modify content rendered on touchscreen displays
CN115469786A (zh) 显示设备及绘画对象选择方法
CN116048370A (zh) 显示设备及操作切换方法
CN114063838A (zh) 显示设备触控操作的处理方法和显示设备

Legal Events

Date Code Title Description
121 Ep: the epo has been informed by wipo that ep was designated in this application

Ref document number: 22831293

Country of ref document: EP

Kind code of ref document: A1

NENP Non-entry into the national phase

Ref country code: DE