CN115543160A - Display device and graphic filling method - Google Patents

Abstract

The application provides a display device and a graph filling method, wherein the display device comprises a display, a touch control assembly and a controller, the controller is configured to receive a touch control instruction which is triggered by a user in a display interface area and used for filling colors into a target closed graph on a drawing interface, canvas of the drawing interface can be enlarged or moved so that part of the target closed graph is displayed in the display interface of the display, and the rest part of the target closed graph is displayed outside the display interface of the display; the closed contour line of the target closed graph on the drawing interface is obtained, and the color of the whole target closed graph is filled according to the closed contour line, so that the color filling effect of the part of the target closed graph displayed in the display interface is displayed, the filling effect is improved, and the user experience is improved.

Description

Display device and pattern filling method

The present application claims priority from chinese patent application having application number 202110738904.4 entitled "display device and graphic filling method" filed by chinese patent office at 30/06/2021, the entire contents of which are incorporated herein by reference.

Technical Field

The application relates to the technical field of display, in particular to display equipment and a graph filling method.

Background

The smart television is a television product which is based on an Internet application technology, has an open operating system and a chip, has an open application platform, can realize a bidirectional man-machine interaction function, integrates various functions such as audio and video, entertainment, data and the like, and is used for meeting diversified and personalized requirements of users. A touch control assembly can be arranged on a display screen of the intelligent television to form a touch screen, and a user can input a control instruction through the touch screen in some application scenes. For example, in educational and meeting scenarios, a user may perform a sketchpad presentation on a smart tv, filling in some closed graphics with a touch screen.

When a drawing board is used for filling a graph, the periphery of the graph drawn by a user forms a drawing interface, when the drawing interface is moved, enlarged and the like, a certain graph to be filled, namely a target closed graph, of the drawing interface may exceed the boundary of the display interface, the graph to be filled usually takes the boundary of the display interface as a reference boundary to be filled in a related scheme during filling, and then the graph beyond the display interface cannot be filled, so that incomplete filling is caused. Taking fig. 4 as an example, the drawing interface moves left, so that the portion of the target closed graph exceeds the display interface, and the portion exceeding the display interface cannot be filled, so that the filling is incomplete, and the user experience is reduced.

Disclosure of Invention

The application provides a display device and a graph filling method, which are used for realizing the complete filling of a target closed graph when the target closed graph exceeds a display interface.

In order to solve the technical problem, the embodiment of the application discloses the following technical scheme:

in a first aspect, an embodiment of the present application discloses a display device, including:

a display;

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

a controller configured to:

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

and obtaining a closed contour line of the target closed graph on a drawing interface, and performing color filling on the whole target closed graph according to the closed contour line so as to enable the part of the target closed graph displayed in the display interface to show a color filling effect.

In a second aspect, an embodiment of the present application discloses a method for filling a pattern, including:

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

and obtaining a closed contour line of the target closed graph on a drawing interface, and performing color filling on the whole target closed graph according to the closed contour line so as to enable the part of the target closed graph displayed in the display interface to show a color filling effect.

The display device receives a touch instruction which is triggered by a user in a display interface area and used for filling colors into a target closed graph on a drawing interface, wherein a canvas of the drawing interface can be enlarged or moved so that part of the target closed graph is displayed in the display interface of a display, and the rest part of the target closed graph is displayed outside the display interface of the display; the closed contour line of the target closed graph on the drawing interface is obtained, and the color filling is carried out on the whole target closed graph according to the closed contour line, so that the color filling effect of the part of the target closed graph displayed in the display interface is achieved, the filling effect is improved, and the user experience is improved.

Drawings

In order to more clearly explain the technical solution of the present application, the drawings needed to be used in the embodiments will be briefly described below, and it is obvious to those skilled in the art that other drawings can be obtained according to the drawings without creative efforts.

Fig. 1 is a schematic diagram illustrating an operational scenario between a display device and a control apparatus according to some embodiments;

a block diagram of a hardware configuration of a display device 200 according to some embodiments is illustrated in fig. 2;

fig. 3 illustrates a software configuration diagram in a display device 200 according to some embodiments;

FIG. 4 is a diagram illustrating a filling effect of a target closed figure beyond a display interface in the related art;

FIG. 5 is a schematic diagram illustrating the relative position of a drawing interface and a display interface according to some embodiments;

FIG. 6 is a schematic diagram illustrating the display of a drawing interface within a display interface, according to some embodiments;

FIG. 7 is a schematic illustration of a display with a drawing interface moved out of the display interface, according to some embodiments;

FIG. 8 is a schematic diagram illustrating a display with a drawing interface zoomed in beyond the display interface, according to some embodiments;

FIG. 9 is a schematic diagram illustrating a post-fill effect when a drawing interface moves out of a display interface in accordance with some embodiments;

FIG. 10 is a schematic diagram illustrating post-fill effects when a drawing interface zooms in beyond a display interface in accordance with some embodiments;

FIG. 11 illustrates a schematic diagram relating to correction calculation according to some embodiments;

FIG. 12 illustrates a schematic diagram relating to correction calculation, according to some embodiments;

an outline identification schematic according to some embodiments is illustrated in fig. 13.

Detailed Description

To make the purpose and embodiments of the present application clearer, the following will clearly and completely describe the exemplary embodiments of the present application with reference to the attached drawings in the exemplary embodiments of the present application, and it is obvious that the described exemplary embodiments are only a part of the embodiments of the present application, and not all of the embodiments.

It should be noted that the brief descriptions of the terms in the present application are only for convenience of understanding of the embodiments described below, and are not intended to limit the embodiments of the present application. These terms should be understood in their ordinary and customary meaning unless otherwise indicated.

The terms "first," "second," "third," and the like in the description and claims of this application and in the foregoing drawings are used for distinguishing between similar or analogous objects or entities and are not necessarily intended to limit the order or sequence in which they are presented unless otherwise indicated. It is to be understood that the terms so used are interchangeable under appropriate circumstances.

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

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

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

In some embodiments, the control apparatus 100 may be a remote controller, and the communication between the remote controller and the display device includes an infrared protocol communication or a bluetooth protocol communication, and other short-distance communication methods, and controls the display device 200 in a wireless or wired manner. The user may input a user instruction through a key on a remote controller, voice input, control panel input, etc., to control the display apparatus 200.

In some embodiments, the smart device 300 (e.g., mobile terminal, tablet, computer, laptop, etc.) may also be used to control the display device 200. For example, the display device 200 is controlled using an application program running on the smart device.

In some embodiments, the display device 200 may also be controlled in a manner other than the control apparatus 100 and the smart device 300, for example, the voice command control of the user may be directly received through a module configured inside the display device 200 to obtain a voice command, or may be received through a voice control device provided outside the display device 200.

In some embodiments, the display device 200 is also in data communication with a server 400. The display device 200 may be allowed to be communicatively connected through a Local Area Network (LAN), a Wireless Local Area Network (WLAN), and other networks. The server 400 may provide various contents and interactions to the display apparatus 200. The server 400 may be a cluster or a plurality of clusters, and may include one or more types of servers.

Fig. 2 shows a hardware configuration block diagram of a display device 200 according to an exemplary embodiment.

In some embodiments, the display apparatus 200 includes at least one of a communicator 210, a detector 220, an external device interface 230, a controller 240, a display 250, an audio output interface 260, a memory, a power supply, a user interface. In particular embodiments, these structures may be adapted in number, whether by number, 210, detector 220, external device interface 230, controller 240, display 250, audio output interface 260, memory, power supply, user interface, etc., for different display devices.

In some embodiments the controller comprises a processor, a video processor, an audio processor, a graphics processor, a RAM, a ROM, a first interface to an nth interface for input/output.

In some embodiments, the display 250 includes a display screen component for presenting a picture, and a driving component for driving image display, a component for receiving an image signal from the controller output, performing display of video content, image content, and a menu manipulation interface, and a user manipulation UI interface.

In some embodiments, the display 250 may be a liquid crystal display, an OLED display, and a projection display, and may also be a projection device and a projection screen.

In some embodiments, communicator 210 is a component for communicating with external devices or servers according to various communication protocol types. For example: the communicator may include at least one of a Wifi module, a bluetooth module, a wired ethernet module, and other network communication protocol chips or near field communication protocol chips, and an infrared receiver. The display apparatus 200 may establish transmission and reception of a control signal and a data signal with the control device 100 or the server 400 through the communicator 210.

In some embodiments, the user interface may be configured to receive control signals for controlling the apparatus 100 (e.g., an infrared remote control, etc.).

In some embodiments, the detector 220 is used to collect signals of the external environment or interaction with the outside. For example, detector 220 includes a light receiver, a sensor for collecting the intensity of ambient light; alternatively, the detector 220 includes an image collector, such as a camera, which may be used to collect external environment scenes, attributes of the user, or user interaction gestures, or the detector 220 includes a sound collector, such as a microphone, which is used to receive external sounds.

In some embodiments, the external device interface 230 may include, but is not limited to, the following: high Definition Multimedia Interface (HDMI), analog or data high definition component input interface (component), composite video input interface (CVBS), USB input interface (USB), RGB port, and the like. The interface may be a composite input/output interface formed by the plurality of interfaces.

In some embodiments, the controller 240 controls the operation of the display device and responds to user actions through various software control programs stored in memory. The controller 240 controls the overall operation of the display apparatus 200. For example: in response to receiving a user command for selecting a UI object displayed on the display 250, the controller 240 may perform an operation related to the object selected by the user command.

In some embodiments, the object may be any one of selectable objects, such as a hyperlink, an icon, or other actionable control. The operations related to the selected object are: displaying an operation connected to a hyperlink page, document, image, or the like, or performing an operation of a program corresponding to the icon.

In some embodiments the controller comprises at least one of a Central Processing Unit (CPU), a video processor, an audio processor, a Graphics Processing Unit (GPU), a RAM Random Access Memory (RAM), a ROM (Read-Only Memory), a first to nth interface for input/output, a communication Bus (Bus), and the like.

And the CPU is used for executing the operating system and the application program instructions stored in the memory and executing various application programs, data and contents according to various interaction instructions for receiving external input so as to finally display and play various audio and video contents. The CPU processor may include a plurality of processors. E.g. comprising a main processor and one or more sub-processors.

In some embodiments, a graphics processor for generating various graphical objects, such as: icons, operation menus, user input instruction display graphics, and the like. The graphic processor comprises an arithmetic unit, which performs operation by receiving various interactive instructions input by a user and displays various objects according to display attributes; the system also comprises a renderer for rendering various objects obtained based on the arithmetic unit, wherein the rendered objects are used for being displayed on a display.

In some embodiments, the video processor is configured to receive an external video signal, and perform video processing such as decompression, decoding, scaling, noise reduction, frame rate conversion, resolution conversion, and image synthesis according to a standard codec protocol of the input signal, so as to obtain a signal that can be displayed or played on the direct display device 200.

In some embodiments, the video processor includes a demultiplexing module, a video decoding module, an image synthesis module, a frame rate conversion module, a display formatting module, and the like. The demultiplexing module is used for demultiplexing the input audio and video data stream. And the video decoding module is used for processing the video signal after demultiplexing, including decoding, scaling and the like. And the image synthesis module is used for carrying out superposition mixing processing on the GUI signal input by the user or generated by the user and the video image after the zooming processing by the graphic generator so as to generate an image signal for display. And the frame rate conversion module is used for converting the frame rate of the input video. And the display formatting module is used for converting the received video output signal after the frame rate conversion, and changing the signal to be in accordance with the signal of the display format, such as an output RGB data signal.

In some embodiments, the audio processor is configured to receive an external audio signal, decompress and decode the received audio signal according to a standard codec protocol of the input signal, and perform noise reduction, digital-to-analog conversion, and amplification processing to obtain an audio signal that can be played in the speaker.

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

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

In some embodiments, the system of the display device may include a Kernel (Kernel), a command parser (shell), a file system, and an application. The kernel, shell, and file system together form the basic operating system structure that allows users to manage files, run programs, and use the system. After power-on, the kernel is started, kernel space is activated, hardware is abstracted, hardware parameters are initialized, and virtual memory, a scheduler, signals and interprocess communication (IPC) are operated and maintained. And after the kernel is started, loading the Shell and the user application program. The application program is compiled into machine code after being started, and a process is formed.

Referring to fig. 3, in some embodiments, the system is divided into four layers, which are, from top to bottom, an Application (Applications) layer (abbreviated as "Application layer"), an Application Framework (Application Framework) layer (abbreviated as "Framework layer"), an Android runtime (Android runtime) and system library layer (abbreviated as "system runtime library layer"), and a kernel layer.

In some embodiments, at least one application program runs in the application program layer, and the application programs may be windows (windows) programs carried by an operating system, system setting programs, clock programs or the like; or an application developed by a third party developer. In particular implementations, the application packages in the application layer are not limited to the above examples.

The framework layer provides an Application Programming Interface (API) and a programming framework for the application. The application framework layer includes a number of predefined functions. The application framework layer acts as a processing center that decides to let the applications in the application layer act. The application program can access the resources in the system and obtain the services of the system in execution through the API interface.

As shown in fig. 3, in the embodiment of the present application, the application framework layer includes a manager (Managers), a Content Provider (Content Provider), and the like, where the manager includes at least one of the following modules: an Activity Manager (Activity Manager) is used for interacting with all activities running in the system; the Location Manager (Location Manager) is used for providing the system service or application with the access of the system Location service; a Package Manager (Package Manager) for retrieving various information about an application Package currently installed on the device; a Notification Manager (Notification Manager) for controlling display and clearing of Notification messages; a Window Manager (Window Manager) is used to manage the icons, windows, toolbars, wallpapers, and desktop components on a user interface.

In some embodiments, the activity manager is used to manage the lifecycle of the various applications and the usual navigation fallback functions, such as controlling exit, opening, fallback, etc. of the applications. The window manager is used for managing all window programs, such as obtaining the size of the display screen, judging whether a status bar exists, locking the screen, intercepting the screen, controlling the change of the display window (for example, reducing the display window, shaking the display, distorting and deforming the display, and the like).

In some embodiments, the system runtime layer provides support for the upper layer, i.e., the framework layer, and when the framework layer is used, the android operating system runs the C/C + + library included in the system runtime layer to implement the functions to be implemented by the framework layer.

In some embodiments, the kernel layer is a layer between hardware and software. As shown in fig. 4, the core layer includes at least one of the following drivers: audio drive, display driver, bluetooth drive, camera drive, WIFI drive, USB drive, HDMI drive, sensor drive (like fingerprint sensor, temperature sensor, pressure sensor etc.) and power drive etc..

The hardware or software architecture in some embodiments may be based on the description in the above embodiments, and in some embodiments may be based on other hardware or software architectures that are similar to the above embodiments, and it is sufficient to implement the technical solution of the present application.

In some embodiments, the display 250 of the display device 200 is configured to display a user interface, an image, a text, a video, etc., the controller 240 of the display device 200 is configured to provide the user interface, the image, the text, the video, etc., to the display 250, and the controller 240 or the control apparatus 100 may control the fixing component, thereby implementing the rotation of the display device 200 through the fixing component to make the display device 200 switch between the landscape state and the portrait state.

In some embodiments, the fixing component is fixed on the back of the display 250, the fixing component is used for fixing with a wall surface, and the fixing component receives the control of the controller 240 or the control device 100, so that the display 250 rotates in a vertical plane, and the display 250 is in different screen states. The screen state includes a landscape screen state and a portrait screen state, the landscape screen state is a state in which the length of the display 250 in the horizontal direction is greater than the length of the display 250 in the vertical direction when viewed from the front of the display 250, and the portrait screen state is a state in which the length of the display 250 in the horizontal direction is less than the length of the display 250 in the vertical direction when viewed from the front of the display 250. Wherein vertical in this application means substantially vertical.

In some embodiments, the display device 200 may enable the display device 200 to support touch interaction functionality by adding a touch component. In general, the touch sensing device may constitute a touch screen together with the display 250. A user can input different control instructions on the touch screen through touch operation. For example, the user may input a click, slide, long press, double click, etc. touch command, and different touch commands may represent different control functions.

In order to implement the different touch actions, the touch control assembly may generate different electrical signals when a user inputs different touch actions, and send the generated electrical signals to the controller 240. The controller 240 may perform feature extraction on the received electrical signals to determine a control function to be performed by the user based on the extracted features.

For example, when a user inputs a click touch action at any program icon position in the application program interface, the touch component senses the touch action and generates an electrical signal. After receiving the electrical signal, the controller 240 may first determine a duration of a level corresponding to a touch action in the electrical signal, and when the duration is less than a preset time threshold, recognize that a click touch instruction is input by the user. The controller 240 extracts the position characteristics generated by the electrical signals to determine the touch position. And when the touch position is within the display range of the application icon, determining that the user inputs a click touch instruction at the position of the application icon. Accordingly, the click touch command is used to execute a function of running a corresponding application program in the current scene, so that the controller 240 may start running the corresponding application program.

For another example, when the user inputs a sliding motion in the media asset display page, the touch component also sends the sensed electrical signal to the controller 240. The controller 240 first determines the duration of the signal corresponding to the touch action in the electrical signal. When the determined duration is longer than the preset time threshold, the position change condition generated by the signal is judged, and obviously, for the interactive touch action, the generation position of the signal changes, so that the sliding touch instruction input by the user is determined. The controller 240 determines the sliding direction of the sliding touch instruction according to the change of the position of the signal, and controls to turn pages of the display frame in the media asset display page so as to display more media asset options. Further, the controller 240 may extract features such as a sliding speed and a sliding distance of the sliding touch instruction, and perform image control of page turning according to the extracted features, so as to achieve a hand-following effect.

Similarly, for the touch instruction such as double click, long press, etc., the controller 240 may execute the corresponding control function according to the preset interaction rule by extracting different features and determining the type of the touch instruction through feature judgment. In some embodiments, the touch component also supports multi-touch, such that a user can input touch actions on the touch screen through multiple fingers, e.g., multi-finger clicks, multi-finger long presses, multi-finger swipes, and the like.

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

In some embodiments, a user may install a touch application such as a drawing board through a display device, in a touch interface of the application, the user may perform operations such as writing and drawing, and the display device may generate a touch trajectory according to a touch action of the user, so as to implement a drawing board demonstration or entertainment function. It should be noted that, the display device in this application may refer to not only the smart television, but also a computer, a tablet computer, and the like.

In some embodiments, a user may draw content on the display and then populate it after the display device installs the drawing board; in practical application, a drawing interface is formed at the periphery of content drawn on a display, and the drawing interface can perform functions of writing and erasing a painting brush, filling color in a closed area, drawing and the like. Drawing an interface including various closed graphs, and calling the closed graphs to be subjected to color filling as target closed graphs; when all closed graphs in the drawing interface are displayed on the display interface and the target closed graph is filled, the target closed graph can be completely filled; when the canvas of the drawing interface is enlarged or moved so that the target closed graph part is displayed in the display interface and the rest part is displayed outside the display interface, the display effect is as follows: the graphics within the display interface are filled and the graphics not within the display interface are not filled, thereby reducing user experience. The relative position relationship between the drawing interface and the display interface is shown in fig. 5, a in fig. 5 shows that the drawing interface is entirely within the display interface, b in fig. 5 shows that the drawing interface is moved to the left so that the target closed figure part is displayed within the display interface and the rest is displayed outside the display interface, and c in fig. 5 shows that the drawing interface is enlarged so that the target closed figure part is displayed within the display interface and the rest is displayed outside the display interface.

In some embodiments, when a target closed graph which is not completely displayed in the display interface is filled, only a closed area formed by a contour line in the display interface and a boundary of the display interface is filled, and the contour line in the display interface is not a complete contour line of the target closed graph, so that the target closed graph cannot be completely filled, and the user experience is reduced.

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

For clarity of explanation of the embodiments of the present application, a method for filling a pattern in a display device according to the embodiments of the present application is described below with reference to the accompanying drawings.

Fig. 6 shows a situation when the drawing interface including the target closed graph is within the display interface, and it can be seen from fig. 6 that the drawing interfaces are all displayed within the display interface, and in the filling mode, filling is completed according to the target closed graph indicated by the touch instruction. Specifically, the method comprises the following steps: and acquiring each minimum closed region in a drawing interface according to a scanning line seed filling algorithm, then acquiring a closed contour line corresponding to the minimum closed region, and correspondingly filling the region in the closed contour line with a preselected color. The method for acquiring each minimum closed region in the drawing interface according to the scanning line seed filling algorithm comprises the following steps: the seeds in the embodiment of the application are selected as touch points; when one side of the seeds reaches the rightmost boundary or the leftmost boundary of the fillable boundary, the touch point is considered not to be in the range of the closed graph, and the minimum closed area does not exist, namely the closed graph does not exist; and if the rightmost boundary and the leftmost boundary are found in the current row, the fillable pixel points of the row are summarized to the fillable area, and the top row and the bottom row are searched line by line until the finished minimum closed area is obtained finally.

FIG. 7 shows a situation where the target closed figure is partially moved out of the display interface in the drawing interface due to the movement of the drawing interface containing the target closed figure. In the embodiment of the application, a display interface and a drawing interface are taken as two reference surfaces to calculate correction values, the drawing interface can be moved into the display interface through the correction values, so that a target closed graph part is displayed in the display interface, when the drawing interfaces are both in the display interface, a closed contour line of the target closed graph can be identified, the closed contour line is a complete contour line of the target closed graph part obtained in the display interface, then the correction values are subjected to inverse operation to obtain an inverse quantity of the correction values, the target closed graph part at the moment is restored to a state before correction according to the inverse quantity of the correction values, the drawing interface in the display interface is restored to an original state before correction, including restoring to parameters such as a position, a size, a shape and the like before correction, and then the closed contour lines of all the target closed graph parts in the display interface are also restored to the original state before correction; and filling the closed contour line of the target closed graphic part indicated by the touch instruction, wherein the complete closed contour line is identified and acquired in the display interface, and after the closed contour line is restored, all areas in the closed contour line can be filled, so that the target closed graphic part is completely filled. In the embodiment of the application, the drawing interface is adjusted into the display interface, then the closed contour line of the target closed graphic part is obtained, the drawing interface is restored to the initial state, and then the closed contour line of the target closed graphic part indicated by the touch instruction is filled. The post-fill effect is shown in fig. 9, where it can be seen in fig. 9 that the portion beyond the display interface is still filled.

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

In some embodiments, taking the example of fig. 7 where the target closed graphic portion in the drawing interface is moved out of the display interface due to moving the drawing interface, the correction amount includes an offset amount, and the drawing interface is moved into the display interface according to the offset amount; the offset comprises a first offset and a second offset, wherein the first offset and the second offset are respectively offset in an X direction and an Y direction; the first offset is a difference value between a central point X coordinate of the display interface and a central point X coordinate of a peripheral boundary of the drawing interface; the second offset is a difference value between a central point Y coordinate of the display interface and a central point Y coordinate of the peripheral boundary of the drawing interface. Wherein, the coordinate of the center point X of the display interface and the coordinate of the center point Y of the display interface are the center points (CenterX, centerY) shown in fig. 12; drawing a central point X coordinate of the peripheral boundary of the interface, and drawing a central point Y coordinate of the peripheral boundary of the interface as a central point (rceterx, rcetery) shown in fig. 11; the first offset = center x-rcentrx and the second offset = center-rcenty. Note that the present application does not limit the manner of obtaining the offset amount, and other manners are within the scope of the embodiments of the present application.

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

In some embodiments, the inverse operation is performed on the correction amount to obtain an inverse amount of the correction amount, and then the drawing interface moved into the display interface is moved to the initial state according to the inverse amount of the correction amount, so that the drawing interface is restored to the initial parameters such as the initial position, size, shape, and the like. Taking the example of fig. 7 that the part of the target closed graph is moved out of the display interface due to the movement of the drawing interface, the inverse quantity of the correction quantity includes the inverse quantity of the offset quantity, and the drawing interface is moved into the display interface according to the offset quantity to display all the target closed graph in the display interface; the inverse quantity of the offset comprises a first inverse offset quantity and a second inverse offset quantity, wherein the coordinate of the center point X of the display interface and the coordinate of the center point Y of the display interface are shown as the center point (center X, center Y) in FIG. 12; drawing a center point X coordinate of the peripheral boundary of the interface, and drawing a center point Y coordinate of the peripheral boundary of the interface as a center point (rceterx, rcetery) shown in fig. 11; the first inverse offset = RCenterX-center, and the second inverse offset = RCenterY-center. Note that the present application does not limit the manner of obtaining the offset amount, and other manners are within the scope of the embodiments of the present application.

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

FIG. 8 illustrates a situation where the portion of the target closed figure is displayed within the display interface and the remaining portion is displayed outside the display interface as a result of zooming in on the drawing interface containing the target closed figure. In the embodiment of the application, a display interface and a drawing interface are taken as two reference surfaces to calculate correction amounts, the drawing interface can be reduced into the display interface through the correction amounts, so that the drawing interface is completely displayed in the display interface, when the drawing interface is in the display interface, a closed contour line of a target closed graph can be identified, the closed contour line is a complete contour line of the target closed graph obtained in the display interface, then the correction amounts are subjected to inverse operation to obtain inverse amount of the correction amounts, the drawing interface at the moment is restored to a state before correction according to the inverse amount of the correction amounts, the drawing interface in the display interface is restored to an original state before correction, including restoring to parameters such as a position, a size and a shape before correction, and then the closed contour line of the target closed graph in the display interface is also restored to the original state before correction; and filling the closed contour line of the target closed graph indicated by the touch instruction, wherein the closed contour line of the complete target closed graph is identified and acquired in the display interface, and then after the closed contour line is restored, all areas in the closed contour line can be filled, so that the complete filling of the target closed graph is realized, and the color filling effect of the part displayed in the display interface of the target closed graph is realized. In the embodiment of the application, the drawing interface is adjusted into the display interface, then the closed contour line of the target closed graph is obtained, the drawing interface is restored to the initial state, and then the closed contour line of the target closed graph indicated by the touch instruction is filled. The post-fill effect is shown in fig. 10, where it can be seen in fig. 10 that the portion beyond the display interface is still filled.

In some embodiments, after the drawing interface is adjusted into the display interface, the target closed graph is filled, and then the drawing interface after filling is restored to the initial state; it can be understood that, in the process of restoring, restoring the contour line of the target closed graph and each filling point inside the contour line needs to be restored, and the process needs a large amount of work.

In some embodiments, taking the example shown in fig. 8 as an example in which the portion of the target closed figure is displayed in the display interface due to the enlargement of the drawing interface, and the remaining portion is displayed outside the display interface, the process of enlarging the drawing interface to move the portion of the target closed figure out of the display interface actually includes enlargement and movement, so that the correction amount includes a reduction ratio and an offset amount, specifically, the offset amount includes a first offset amount and a second offset amount, and the first offset amount and the second offset amount are offset amounts in the X direction and the Y direction, respectively; the first offset is a difference value between a central point X coordinate of the display interface and a central point X coordinate of a peripheral boundary of the drawing interface; the second offset is a difference value between a center point Y coordinate of the display interface and a center point Y coordinate of a peripheral boundary of the drawing interface. Wherein, the coordinate of the center point X of the display interface and the coordinate of the center point Y of the display interface are the center points (CenterX, centerY) shown in fig. 12; drawing a center point X coordinate of the peripheral boundary of the interface, and drawing a center point Y coordinate of the peripheral boundary of the interface as a center point (rceterx, rcetery) shown in fig. 11; the first offset = center x-RCenterX and the second offset = center y-RCenterY. Specifically, the reduction ratio includes a width reduction ratio and a height reduction ratio, the reduction ratio takes a relatively smaller value of the width reduction ratio and the height reduction ratio as a final reduction ratio value, and when the width reduction ratio is smaller than the height reduction ratio, the reduction ratio takes a width reduction ratio; when the width reduction ratio is larger than the height reduction ratio, the reduction ratio is taken as the height reduction ratio; wherein the width reduction ratio is a ratio of the first width and the second width; the height reduction ratio is a ratio of the first height and the second height; the first width and the first height are respectively the width and the height corresponding to the display interface; the second width and the second height are respectively the width and the height corresponding to the peripheral boundary of the drawing interface. The first width and the first height are as ScreenWidth and ScreenHeight shown in fig. 12, the second width and the second height are as RegionWidth and RegionHeight shown in fig. 11, the width reduction ratio = ScreenWidth/RegionWidth, and the height reduction ratio = ScreenHeight/RegionHeight.

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

In some embodiments, the inverse operation is performed on the correction amount to obtain an inverse amount of the correction amount, and then the drawing interface moved into the display interface is moved to the initial state according to the inverse amount of the correction amount, so that the drawing interface is restored to the initial parameters such as the initial position, size, shape, and the like. Taking the example that the target closed graph is partially displayed in the display interface and the rest of the target closed graph is displayed outside the display interface due to the enlargement of the drawing interface in the example of fig. 8, the inversion quantity of the correction quantity includes the inversion quantity of the offset quantity and the inversion quantity of the reduction ratio, that is, the enlargement ratio, and the drawing interface is moved into the display interface according to the offset quantity; the inverse amount of the offset includes a first inverse amount of offset and a second inverse amount of offset, wherein the coordinate of the center point X of the display interface and the coordinate of the center point Y of the display interface are the center points (CenterX, centerY) shown in fig. 12; drawing a central point X coordinate of the peripheral boundary of the interface, and drawing a central point Y coordinate of the peripheral boundary of the interface as a central point (rceterx, rcetery) shown in fig. 11; the first inverse offset quantity = rceterx-center, and the second inverse offset quantity = rcetery-center. Taking the ScreenWidth and ScreenHeight shown in fig. 12, and the RegionWidth and regionwight shown in fig. 11 as examples, the width enlargement ratio = RegionWidth/ScreenWidth, and the height reduction ratio = regionwight/ScreenHeight.

In some embodiments, the closed contour line of the target closed graphic indicated by the touch instruction is filled, and since the complete closed contour line is identified and acquired in the display interface, when the closed contour line is restored, all areas in the closed contour line can be filled, so that the color filling effect of the part of the target closed graphic displayed in the display interface is realized.

It should be noted that, in the embodiment of the present application, a drawing interface is translated or enlarged as an example, and a situation that a target closed graph in the drawing interface is not all displayed on a display interface due to other operations can also be solved by the technical solution of the present application.

In some embodiments, the re-editing of the filled graphics can be realized by operations such as moving and zooming of the closed contour line, for example, moving and zooming, and because the target closed graphics are completely filled, when the drawing interface is moved or zoomed, the filling effect displayed in the display interface is as follows: the part of the closed icon displayed in the display interface shows the color filling effect, so that the user experience is improved.

The display device receives a touch instruction which is triggered by a user in a display interface area and used for filling colors into a target closed graph on a drawing interface, wherein a canvas of the drawing interface can be enlarged or moved so that part of the target closed graph is displayed in the display interface of a display, and the rest part of the target closed graph is displayed outside the display interface of the display; the closed contour line of the target closed graph on the drawing interface is obtained, and the color of the whole target closed graph is filled according to the closed contour line, so that the color filling effect of the part of the target closed graph displayed in the display interface is displayed, the filling effect is improved, and the user experience is improved.

Finally, it should be noted that: the above embodiments are only used for illustrating the technical solutions of the present application, and not for limiting the same; although the present application has been described in detail with reference to the foregoing embodiments, it should be understood by those of ordinary skill in the art that: the technical solutions described in the foregoing embodiments may still be modified, or some or all of the technical features may be equivalently replaced; and these modifications or substitutions do not depart from the scope of the technical solutions of the embodiments of the present application.

The foregoing description, for purpose of explanation, has been described with reference to specific embodiments. However, the illustrative discussions above are not intended to be exhaustive or to limit the embodiments to the precise forms disclosed above. Many modifications and variations are possible in light of the above teaching. The embodiments were chosen and described in order to best explain the principles and the practical application, to thereby enable others skilled in the art to best utilize the embodiments and various embodiments with various modifications as are suited to the particular use contemplated.

Claims (10)

1. A display device, comprising:

a display;

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

a controller configured to:

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

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

2. The display device according to claim 1, wherein the controller is configured to:

and receiving a touch instruction which is triggered by a user in a display interface area to zoom out or move the drawing interface to the display interface, wherein the part of the target closed graph entering the display interface also shows the color filling effect.

3. The display device according to claim 1, wherein the controller is configured to:

acquiring a correction quantity according to the display interface and the drawing interface;

adjusting the drawing interface into the display interface according to the correction amount;

acquiring a closed contour line of each closed graph in the drawing interface;

adjusting the drawing interface in the display interface to an initial state according to the inverse quantity of the correction quantity, wherein the initial state is a state before the drawing interface is corrected;

and filling the whole target closed graph with colors according to the closed contour line.

4. The display device according to claim 3, wherein acquiring a correction amount based on the display interface and the drawing interface comprises:

acquiring a peripheral boundary of the drawing interface;

acquiring a first width and a first height, wherein the first width and the first height are respectively the width and the height corresponding to the display interface;

and acquiring a second width and a second high speed, wherein the second width and the second height are respectively the width and the height corresponding to the peripheral boundary of the drawing interface.

5. The display apparatus according to claim 4, wherein the acquiring of the correction amount based on the display interface and the drawing interface further comprises:

the correction amount includes an offset amount;

the offset comprises a first offset and a second offset, and the first offset and the second offset are respectively offset in an X direction and an Y direction;

the first offset is a difference value of a central point X coordinate of the display interface and a central point X coordinate of a peripheral boundary of the drawing interface;

the second offset is a difference value between a center point Y coordinate of the display interface and a center point Y coordinate of a peripheral boundary of the drawing interface.

6. The display apparatus according to claim 5, wherein the obtaining of the correction amount based on the display interface and the drawing interface further comprises:

the correction amount further includes a reduction ratio, a width reduction ratio, and a height reduction ratio;

when the width reduction ratio is smaller than the height reduction ratio, 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;

the width reduction ratio is a ratio of the first width and the second width;

the height reduction ratio is a ratio of the first height and the second height.

7. The display device according to claim 3, wherein obtaining the closed contour line of each graph in the drawing interface comprises:

acquiring each minimum closed region in the drawing interface according to a scanning line seed filling algorithm;

and acquiring a closed contour line corresponding to the minimum closed area.

8. The display apparatus according to claim 3, wherein the adjustment of the drawing interface in the display interface to an initial state according to the inverse amount of the correction amount, the initial state being a state before the correction of the drawing interface, comprises:

carrying out inverse operation on the correction quantity to obtain an inverse quantity of the correction quantity;

and adjusting the drawing interface in the display interface to a state before correction according to the inverse quantity.

9. The display device according to claim 2, wherein color filling the entirety of the target closed figure according to the closed contour line includes:

acquiring a target closed graph according to the touch instruction;

acquiring a closed contour line corresponding to the target closed graph;

and carrying out color filling on the whole of the target closed graph.

10. A pattern filling method, comprising:

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

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

Images