WO2021179882A1 - 图像的绘制方法、装置、可读介质和电子设备 - Google Patents

图像的绘制方法、装置、可读介质和电子设备 Download PDF

Info

Publication number
WO2021179882A1
WO2021179882A1 PCT/CN2021/076413 CN2021076413W WO2021179882A1 WO 2021179882 A1 WO2021179882 A1 WO 2021179882A1 CN 2021076413 W CN2021076413 W CN 2021076413W WO 2021179882 A1 WO2021179882 A1 WO 2021179882A1
Authority
WO
WIPO (PCT)
Prior art keywords
image
target template
display interface
drawing area
user input
Prior art date
Legal status (The legal status 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 status listed.)
Ceased
Application number
PCT/CN2021/076413
Other languages
English (en)
French (fr)
Inventor
高士奇
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Beijing ByteDance Network Technology Co Ltd
Original Assignee
Beijing ByteDance Network Technology Co Ltd
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
Application filed by Beijing ByteDance Network Technology Co Ltd filed Critical Beijing ByteDance Network Technology Co Ltd
Priority to EP21767565.1A priority Critical patent/EP4083774A4/en
Publication of WO2021179882A1 publication Critical patent/WO2021179882A1/zh
Priority to US17/816,268 priority patent/US11875437B2/en
Anticipated expiration legal-status Critical
Ceased legal-status Critical Current

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING OR CALCULATING; 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 OR CALCULATING; 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
    • G06F3/04845—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 for image manipulation, e.g. dragging, rotation, expansion or change of colour
    • G—PHYSICS
    • G06—COMPUTING OR CALCULATING; COUNTING
    • G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T11/00—Two-dimensional [2D] image generation
    • G06T11/60—Creating or editing images; Combining images with text
    • G—PHYSICS
    • G06—COMPUTING OR CALCULATING; 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/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • G—PHYSICS
    • G06—COMPUTING OR CALCULATING; 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/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
    • G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
    • G06F3/04883—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures for inputting data by handwriting, e.g. gesture or text
    • G—PHYSICS
    • G06—COMPUTING OR CALCULATING; COUNTING
    • G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T11/00—Two-dimensional [2D] image generation
    • G06T11/10—Texturing; Colouring; Generation of textures or colours
    • G—PHYSICS
    • G06—COMPUTING OR CALCULATING; COUNTING
    • G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T2200/00—Indexing scheme for image data processing or generation, in general
    • G06T2200/24—Indexing scheme for image data processing or generation, in general involving graphical user interfaces [GUIs]
    • Y—GENERAL TAGGING OF NEW TECHNOLOGICAL DEVELOPMENTS; GENERAL TAGGING OF CROSS-SECTIONAL TECHNOLOGIES SPANNING OVER SEVERAL SECTIONS OF THE IPC; TECHNICAL SUBJECTS COVERED BY FORMER USPC CROSS-REFERENCE ART COLLECTIONS [XRACs] AND DIGESTS
    • Y02—TECHNOLOGIES OR APPLICATIONS FOR MITIGATION OR ADAPTATION AGAINST CLIMATE CHANGE
    • Y02D—CLIMATE CHANGE MITIGATION TECHNOLOGIES IN INFORMATION AND COMMUNICATION TECHNOLOGIES [ICT], I.E. INFORMATION AND COMMUNICATION TECHNOLOGIES AIMING AT THE REDUCTION OF THEIR OWN ENERGY USE
    • Y02D10/00—Energy efficient computing, e.g. low power processors, power management or thermal management

Definitions

  • the present disclosure relates to the field of image processing technology, and in particular, to an image drawing method, device, readable medium, and electronic equipment.
  • the image processing operations that can be provided on terminal devices are becoming more and more abundant.
  • the user can draw various images by clicking or sliding on the display interface of the terminal device.
  • the display interface can display the user's drawing process and the drawn image in real time. For example, you can draw images such as a heart shape, a lightning shape, and a gift box.
  • the drawn image may be quite different from the expected image, which cannot express the actual intention of the user.
  • an embodiment of the present disclosure provides a method for drawing an image, and the method includes:
  • an image drawing device including:
  • the area determination module is used to determine the drawing area corresponding to the target template image according to the display interface
  • the obtaining module is used to obtain user input operations according to the display interface
  • the processing module is configured to draw an image according to the operation position in response to determining that the operation position corresponding to the user input operation and the drawing area meet a preset condition.
  • an embodiment of the present disclosure provides a computer-readable medium on which a computer program is stored, and when the program is executed by a processing device, the steps of the method described in the first aspect of the present disclosure are implemented.
  • an electronic device including:
  • a storage device on which a computer program is stored
  • the processing device is configured to execute the computer program in the storage device to implement the steps of the method described in the first aspect of the present disclosure.
  • embodiments of the present disclosure provide a computer program product, which includes a computer program carried on a computer-readable medium.
  • the computer program When executed by a computing device, the computing device realizes the first aspect of the present disclosure.
  • embodiments of the present disclosure provide a computer program that, when run on an electronic device, causes the electronic device to implement the method described in the first aspect of the present disclosure.
  • the present disclosure first determines the drawing area corresponding to the target template image according to the display interface, and then obtains the user input operation performed by the user on the display interface, and then responds to determining that the operation position and drawing area corresponding to the user input operation satisfy the preset Condition, draw the image according to the operating position.
  • the drawing area corresponding to the target template image is used to restrict drawing the image only when the operation position and the drawing area meet the preset conditions, thereby assisting the user to perform the image according to the target template image
  • the drawing improves the accuracy and efficiency of image drawing.
  • Figure 1 is a schematic diagram of terminal equipment and server deployment
  • Fig. 2 is a flow chart showing a method for drawing an image according to an exemplary embodiment
  • Fig. 3 is a flowchart showing another image drawing method according to an exemplary embodiment
  • Fig. 4 is a flowchart showing another image drawing method according to an exemplary embodiment
  • Fig. 5a is a flowchart showing another image drawing method according to an exemplary embodiment
  • Fig. 5b is a schematic diagram showing a drawing of an image according to an exemplary embodiment
  • Fig. 6a is a flowchart showing another image drawing method according to an exemplary embodiment
  • Fig. 6b is a schematic diagram showing a drawing area according to an exemplary embodiment
  • Fig. 7 is a flowchart showing another image drawing method according to an exemplary embodiment
  • Fig. 8 is a block diagram showing a device for drawing an image according to an exemplary embodiment
  • Fig. 9 is a block diagram showing another image drawing device according to an exemplary embodiment.
  • Fig. 10 is a block diagram showing another image drawing device according to an exemplary embodiment
  • Fig. 11 is a block diagram showing another image drawing device according to an exemplary embodiment
  • Fig. 12 is a block diagram showing another image drawing device according to an exemplary embodiment
  • Fig. 13 is a schematic structural diagram showing an electronic device according to an exemplary embodiment.
  • the application scenario may include a terminal device and a server, and data transmission can be performed between the terminal device and the server.
  • terminal devices may include, but are not limited to, mobile phones, notebook computers, digital broadcast receivers, PDAs (personal digital assistants), PAD (tablet computers), PMPs (portable multimedia players), vehicle terminals (for example, vehicle navigation terminals) And so on mobile terminals and fixed terminals such as digital TVs, desktop computers, etc.
  • Servers may include, but are not limited to: physical servers, server clusters or cloud servers, etc.
  • one or more terminal devices and one or more servers can be included. As shown in Figure 1, data can be transmitted between multiple terminal devices through the server to achieve synchronization of display on each terminal device. Content.
  • the execution subject may be any of the above-mentioned terminal devices.
  • Fig. 2 is a flowchart showing a method for drawing an image according to an exemplary embodiment. As shown in Fig. 2, the method includes the following steps:
  • Step 101 Determine a drawing area corresponding to a target template image according to the display interface.
  • an APP (English: Application, Chinese: application) with interactive functions such as drawing images is currently running on the terminal device, such as video playback software, live broadcast software, instant messaging software, etc.
  • the screen currently displayed by the APP is displayed on the display interface of the terminal device. If the user needs to draw an image on the display interface, he can select a specified target template on the terminal device by issuing instructions. Then, the terminal device determines the drawing area on the display interface corresponding to the target template image according to the target template image indicated by the target template. It can be understood that the coordinate range of the drawing area on the display interface is determined according to the target template image and the coordinate system of the display interface.
  • the target template image indicated by the target template can also be displayed on the display interface for the user to view. It can be understood that the target template contains all the information of the target template image, and the target template image can be displayed according to the target template.
  • the target template can be, for example, image files in various formats, or binary files.
  • the target template image may include multiple paths (which can be understood as lines), and the multiple paths may be divided according to whether they are closed or not to obtain one or more closed drawing areas.
  • the target template image may be, for example, an image containing two heart shapes, and the drawing area may be the area where the two heart shapes are located when the target template image is displayed on the display interface.
  • the target template image may also be an image containing a lightning bolt, and the drawing area may be the area where the lightning bolt is located when the target template image is displayed on the display interface.
  • Step 102 Obtain user input operations according to the display interface.
  • the user wants to draw an image on the display interface, he can perform user input operations on the display interface by means of touch.
  • the user input operation can be a single click, double tap, slide, drag, long press, etc., which can be preset by the APP or can be specified according to the specific needs of the user, which is not specifically limited in the present disclosure.
  • the terminal device detects that there is a user input operation on the display interface, it can determine the operation location where the user input operation occurs.
  • the operating position can be understood as the coordinates of the user input operation on the display interface. According to different user input operations and the sensitivity of different display interfaces, the operation position may include one coordinate or multiple coordinates (that is, a coordinate range).
  • Step 103 In response to determining that the operation position and the drawing area corresponding to the user input operation satisfy a preset condition, draw an image according to the operation position.
  • the preset condition can be used to limit the positional relationship between the operation position and the drawing area.
  • the preset condition may be: the operating position is located inside the drawing area, or the operating position is outside the drawing area, or the operating position overlaps the edge of the drawing area, or any combination of the above three preset conditions.
  • the edge of the drawing area may be composed of a series of coordinates, and the operation position coincides with the edge of the drawing area, which can be understood as the coordinate of the edge of the drawing area coincides with the coordinate of the operation position.
  • the preset condition as the operation position located in the drawing area as an example. If the operation position and the drawing area meet the preset conditions, that is, the coordinates of the operation position are located in the drawing area, then it can respond to the user input operation and display according to the operation position. An image is drawn on the interface.
  • the drawn trajectory can be displayed at the coordinates of the operating position on the display interface.
  • the user can accurately and quickly draw an image consistent with the desired image, which improves the accuracy and efficiency of image drawing, and improves the user's interactive experience.
  • the present disclosure first determines the drawing area corresponding to the target template image according to the display interface, and then obtains the user input operation performed by the user on the display interface, and then responds to determining that the operation position and drawing area corresponding to the user input operation satisfy the preset Condition, draw the image according to the operating position.
  • the drawing area corresponding to the target template image is used to restrict drawing the image only when the operation position and the drawing area meet the preset conditions, thereby assisting the user to perform the image according to the target template image
  • the drawing improves the accuracy and efficiency of image drawing.
  • Fig. 3 is a flowchart showing a method for drawing an image according to an exemplary embodiment. As shown in Fig. 3, the method further includes:
  • Step 104 In response to determining that the operation position and the drawing area corresponding to the user input operation do not meet the preset condition, ignore the user input operation.
  • the user input operation can be ignored, that is, no response is made to the user input operation, and accordingly, the drawn track will not appear on the display interface.
  • the preset condition that the operating position is located in the drawing area as an example, if the operating position is outside the drawing area, or the operating position overlaps the edge of the drawing area, the drawn track will not appear on the display interface. It should be noted that when the operating position is within a coordinate range, it may happen that part of the coordinates of the operating position is located in the drawing area, and the other part is located outside the drawing area (or overlaps with the edge of the drawing area).
  • the image is drawn at the position indicated by the part of the coordinates in the drawing area, that is, the trajectory of the drawing can be displayed at the position indicated by the part of the coordinates in the drawing area, and is indicated by the part of the coordinates outside the drawing area (or overlapping with the edge of the drawing area)
  • the drawn trace is not displayed at the position.
  • Fig. 4 is a flowchart showing a method for drawing an image according to an exemplary embodiment. As shown in Fig. 4, before step 101, the method further includes:
  • Step 105 Obtain a first selection instruction according to the display interface.
  • Step 106 Determine the target template according to the first selection instruction.
  • Step 107 Display the target template image indicated by the target template on the display interface.
  • the user sends a first selection instruction up and down on the display interface to select the target template, so that the target template image is displayed on the display interface.
  • a first selection instruction up and down on the display interface to select the target template, so that the target template image is displayed on the display interface.
  • the user can perform a specified operation on the display interface, such as clicking, double-clicking, sliding, etc., to issue the first selection instruction.
  • step 106 may include any of the following three manners:
  • Manner 1 Determine the target template indicated by the first selection instruction among a plurality of preset templates.
  • a plurality of pre-stored templates are displayed on the display interface of the terminal device, and the user can trigger the first selection instruction by clicking different templates, and the template clicked by the user is the target template.
  • the second way is to receive the target template indicated by the first selection instruction sent by the server.
  • the templates stored on the terminal device are limited.
  • the target template sent by the server can be received.
  • the user can click a button such as "update template” or “download template” to trigger the first selection instruction, so that the terminal device requests the target template from the server, and then the server sends the target template to the terminal device.
  • Manner 3 Determine the local image indicated by the first selection instruction, and generate a target template based on the local image.
  • the user may have a need to define the target template by himself, so the user can click a different local image in the local gallery of the terminal device to trigger the first selection instruction. Then, the local image can be processed according to preset rules, and the image information in the local image can be extracted as the target template.
  • the local image can be, for example, a jpg file. You can first perform edge recognition, color recognition, or object semantic recognition on the local image to identify the specified area in the local image, and then format the image information in the specified area and convert it to SVG ( English: Scalable Vector Graphics, Chinese: Scalable Vector Graphics) file, and use this SVG file as the target template.
  • a local image is an image that contains a car.
  • Fig. 5a is a flowchart showing another image drawing method according to an exemplary embodiment. As shown in Fig. 5a, before step 103, the method further includes:
  • Step 108 Acquire a second selection instruction according to the display interface.
  • Step 109 Determine the target brush indicated by the second selection instruction among the preset multiple brushes.
  • step 103 may be:
  • the user can also send a second selection instruction up and down on the display interface to set different paints.
  • a plurality of pre-stored brushes may be displayed on the terminal device.
  • the user triggers the second selection instruction by clicking a different brush, and the brush selected by the user is the target brush.
  • the brush can be understood as the style of the trace drawn on the display interface.
  • the brush can include a variety of brush attributes, such as: drawing color, drawing mode (including: filling content, stroke, etc.), drawing transparency, drawing connection style, Draw width, draw line cap, etc.
  • the coordinates of the operation position on the display interface can display the drawn trajectory according to the attributes of the brush.
  • the preset condition is that the operation position corresponding to the user input operation is located in the drawing area, and the target brush is a sun brush for example, then the display interface
  • the displayed drawn trajectory can be shown in Figure 5b, and a heart-shaped image filled with the sun can be obtained.
  • Fig. 6a is a flow chart showing another image drawing method according to an exemplary embodiment.
  • the target template is a scalable vector graphic SVG file.
  • Step 107 may include:
  • Step 1071 parse the target template according to the XML format to obtain path information of the target template and the color of each path in the path information.
  • Step 1072 Display the target template image on the display interface according to the path information and the color of each path.
  • the target template may be an SVG file.
  • the terminal device After determining the target template, the terminal device first parses the target template in XML (English: Extensible Markup Language, Chinese: Extensible Markup Language) format to obtain the path contained in the target template Information, and the color corresponding to each of the multiple paths (Path) included in the path information. Further, the color code corresponding to each path can be converted from the three-digit color code in the SVG file into a six-digit color code, so that the terminal device can display it. Finally, according to the path information and the color of each path, the target template image is displayed.
  • XML English: Extensible Markup Language, Chinese: Extensible Markup Language
  • step 101 may include:
  • a drawing area is determined on the display interface, and the drawing area is a closed area composed of at least one path.
  • the path information included in the target template is obtained. Then, based on all the paths included in the path information, it can be judged that all paths can divide the target template image into several closed areas, and then these closed areas are used as drawing area.
  • the path information includes path A, path B, and path C. A, B, and C are connected end to end to form a closed area, so the area composed of A, B, and C can be used as a drawing area.
  • Fig. 7 is a flowchart showing another image drawing method according to an exemplary embodiment. As shown in Fig. 7, the method further includes:
  • Step 110 In response to determining that the operation position and the drawing area corresponding to the user input operation satisfy a preset condition, save the operation position and the execution time of the user input operation as an execution record.
  • Step 111 Send the execution record to the designated terminal device, so that the designated terminal device draws an image on the display interface of the designated terminal device according to the operation position in the execution record in the order indicated by the execution time in the execution record.
  • the drawing process of the image in the above embodiment can also be sent to the designated terminal device, so that the drawing process of the image can also be seen on the designated terminal device.
  • the designated terminal device may be any terminal device other than the current terminal device that executes the above-mentioned image drawing method. Taking the APP running on the current terminal device as a live streaming APP as an example, the designated terminal device can be any terminal device in the same live broadcast room as the current terminal device, including the terminal device used by the host in the live broadcast room, and may also include the The terminal equipment used by the audience in the live broadcast room.
  • the operation position of each user input operation and the execution time of the user input operation can be recorded, and then the operation position and the corresponding execution time are stored as an execution record.
  • the execution record may also include brush information used to indicate the target brush to indicate the style of the trajectory drawn this time.
  • the designated terminal device may draw an image at the position indicated by the operation position in the execution record on the display interface of the designated terminal device in the order of the execution time indication in the execution record. In this way, the user of the designated terminal device can also watch the drawing process of the current terminal device, and the user's interactive experience is improved.
  • the drawing area is a heart shape.
  • the user slides on the display interface ie, user input operation
  • the image will be drawn at the corresponding operating position according to the gift icon.
  • a heart-shaped image filled with a gift icon is obtained.
  • the present disclosure first determines the drawing area corresponding to the target template image according to the display interface, and then obtains the user input operation performed by the user on the display interface, and then responds to determining that the operation position and drawing area corresponding to the user input operation satisfy the preset Condition, draw the image according to the operating position.
  • the drawing area corresponding to the target template image is used to restrict drawing the image only when the operation position and the drawing area meet the preset conditions, thereby assisting the user to perform the image according to the target template image
  • the drawing improves the accuracy and efficiency of image drawing.
  • Fig. 8 is a block diagram showing a device for drawing an image according to an exemplary embodiment. As shown in Fig. 8, the device 200 includes:
  • the area determining module 201 is configured to determine the drawing area corresponding to the target template image according to the display interface.
  • the obtaining module 202 is configured to obtain user input operations according to the display interface.
  • the processing module 203 is configured to draw an image according to the operation position in response to determining that the operation position and the drawing area corresponding to the user input operation satisfy the preset condition.
  • processing module 203 is also used for:
  • the user input operation is ignored.
  • the preset conditions include one or more of the following:
  • the operation position corresponding to the user input operation is located in the drawing area.
  • the operation position corresponding to the user input operation is outside the drawing area.
  • the operation position corresponding to the user input operation overlaps with the edge of the drawing area.
  • Fig. 9 is a block diagram showing another image drawing apparatus according to an exemplary embodiment.
  • the obtaining module 202 is further configured to obtain the first image according to the display interface before determining the drawing area corresponding to the target template image.
  • the device 200 also includes:
  • the template determining module 204 is configured to determine the target template according to the first selection instruction.
  • the display module 205 displays the target template image indicated by the target template on the display interface.
  • the template determining module 204 may be used to perform any of the following steps:
  • Step 1) Determine the target template indicated by the first selection instruction among the preset multiple templates. or,
  • Step 2) Receive the target template indicated by the first selection instruction sent by the server. or,
  • Step 3 Determine the local image indicated by the first selection instruction, and generate a target template based on the local image.
  • Fig. 10 is a block diagram showing another image drawing apparatus according to an exemplary embodiment.
  • the acquiring module 202 is also used to determine that the operation position and the drawing area corresponding to the user input operation meet the predetermined requirements. Assuming the condition, before drawing the image according to the operating position, the second selection instruction is obtained according to the display interface.
  • the device 200 also includes:
  • the brush determination module 206 is configured to determine the target brush indicated by the second selection instruction.
  • the processing module 203 is configured to draw an image according to the target brush according to the operating position.
  • Fig. 11 is a block diagram showing another image drawing device according to an exemplary embodiment.
  • the template is a scalable vector graphic SVG file
  • the display module 205 includes:
  • the parsing sub-module 2051 is used to parse the target template according to the extensible markup language XML format to obtain the path information of the target template and the color of each path in the path information.
  • the display sub-module 2052 is used to display the target template image on the display interface according to the path information and the color of each path.
  • the area determination module 201 is used to:
  • a drawing area is determined on the display interface, and the drawing area is a closed area composed of at least one path.
  • Fig. 12 is a block diagram showing another image drawing apparatus according to an exemplary embodiment. As shown in Fig. 12, the apparatus 200 further includes:
  • the saving module 207 is configured to save the operation position and the execution time of the user input operation as an execution record in response to determining that the operation position and the drawing area corresponding to the user input operation meet the preset condition.
  • the sending module 208 is configured to send the execution record to the designated terminal device so that the designated terminal device draws an image on the display interface of the designated terminal device in the order of the execution time indication in the execution record according to the operation position in the execution record.
  • the present disclosure first determines the drawing area corresponding to the target template image according to the display interface, and then obtains the user input operation performed by the user on the display interface, and then responds to determining that the operation position and drawing area corresponding to the user input operation satisfy the preset Condition, draw the image according to the operating position.
  • the drawing area corresponding to the target template image is used to restrict drawing the image only when the operation position and the drawing area meet the preset conditions, thereby assisting the user to perform the image according to the target template image
  • the drawing improves the accuracy and efficiency of image drawing.
  • FIG. 13 shows a schematic structural diagram of an electronic device (for example, the terminal device or the server in FIG. 1) 300 suitable for implementing the embodiments of the present disclosure.
  • the terminal devices in the embodiments of the present disclosure may include, but are not limited to, mobile phones, notebook computers, digital broadcast receivers, PDAs (personal digital assistants), PADs (tablets), PMPs (portable multimedia players), vehicle-mounted terminals (e.g. Mobile terminals such as car navigation terminals) and fixed terminals such as digital TVs, desktop computers, etc.
  • the electronic device shown in FIG. 13 is only an example, and should not bring any limitation to the function and scope of use of the embodiments of the present disclosure.
  • the electronic device 300 may include a processing device (such as a central processing unit, a graphics processor, etc.) 301, which may be loaded into a random access device according to a program stored in a read-only memory (ROM) 302 or from a storage device 308
  • the program in the memory (RAM) 303 executes various appropriate actions and processing.
  • various programs and data required for the operation of the electronic device 300 are also stored.
  • the processing device 301, the ROM 302, and the RAM 303 are connected to each other through a bus 304.
  • An input/output (I/O) interface 305 is also connected to the bus 304.
  • an input device 306 including, for example, a touch screen, a touch pad, a keyboard, a mouse, a camera, a microphone, an accelerometer, and a gyroscope. It includes an output device 307 such as a liquid crystal display (LCD), a speaker, a vibrator, etc.; a storage device 308 such as a magnetic tape, a hard disk, etc.; and a communication device 309.
  • the communication device 309 may allow the electronic device 300 to perform wireless or wired communication with other devices to exchange data.
  • FIG. 13 shows an electronic device 300 having various devices, it should be understood that it is not required to implement or have all of the illustrated devices. It may be implemented alternatively or provided with more or fewer devices.
  • an embodiment of the present disclosure includes a computer program product, which includes a computer program carried on a non-transitory computer readable medium, and the computer program contains program code for executing the method shown in the flowchart.
  • the computer program may be downloaded and installed from the network through the communication device 309, or installed from the storage device 308, or installed from the ROM 302.
  • the processing device 301 When the computer program is executed by the processing device 301, the above-mentioned functions defined in the method of the embodiment of the present disclosure are executed.
  • the embodiment of the present disclosure also includes a computer program, which when executed on the electronic device 300, performs the above-mentioned functions defined in the method of the embodiment of the present disclosure.
  • the above-mentioned computer-readable medium in the present disclosure may be a computer-readable signal medium or a computer-readable storage medium, or any combination of the two.
  • the computer-readable storage medium may be, for example, but not limited to, an electrical, magnetic, optical, electromagnetic, infrared, or semiconductor system, device, or device, or a combination of any of the above.
  • Computer-readable storage media may include, but are not limited to: electrical connections with one or more wires, portable computer disks, hard disks, random access memory (RAM), read-only memory (ROM), erasable removable Programmable read-only memory (EPROM or flash memory), optical fiber, portable compact disk read-only memory (CD-ROM), optical storage device, magnetic storage device, or any suitable combination of the above.
  • a computer-readable storage medium may be any tangible medium that contains or stores a program, and the program may be used by or in combination with an instruction execution system, apparatus, or device.
  • a computer-readable signal medium may include a data signal propagated in a baseband or as a part of a carrier wave, and a computer-readable program code is carried therein.
  • This propagated data signal can take many forms, including but not limited to electromagnetic signals, optical signals, or any suitable combination of the foregoing.
  • the computer-readable signal medium may also be any computer-readable medium other than the computer-readable storage medium.
  • the computer-readable signal medium may send, propagate, or transmit the program for use by or in combination with the instruction execution system, apparatus, or device .
  • the program code contained on the computer-readable medium can be transmitted by any suitable medium, including but not limited to: wire, optical cable, RF (Radio Frequency), etc., or any suitable combination of the above.
  • the terminal device and the server can communicate with any currently known or future developed network protocol such as HTTP (HyperText Transfer Protocol), and can communicate with digital data in any form or medium.
  • Communication e.g., communication network
  • Examples of communication networks include local area networks (“LAN”), wide area networks (“WAN”), the Internet (for example, the Internet), and end-to-end networks (for example, ad hoc end-to-end networks), as well as any currently known or future research and development network of.
  • the above-mentioned computer-readable medium may be included in the above-mentioned electronic device; or it may exist alone without being assembled into the electronic device.
  • the above-mentioned computer-readable medium carries one or more programs.
  • the electronic device determines the drawing area corresponding to the target template image according to the display interface; and obtains according to the display interface User input operation; in response to determining that the operation position corresponding to the user input operation and the drawing area meet a preset condition, draw an image according to the operation position.
  • the computer program code used to perform the operations of the present disclosure may be written in one or more programming languages or a combination thereof.
  • the above-mentioned programming languages include, but are not limited to, object-oriented programming languages such as Java, Smalltalk, C++, and Including conventional procedural programming languages-such as "C" language or similar programming languages.
  • the program code can be executed entirely on the user's computer, partly on the user's computer, executed as an independent software package, partly on the user's computer and partly executed on a remote computer, or entirely executed on the remote computer or server.
  • the remote computer can be connected to the user's computer through any kind of network, including a local area network (LAN) or a wide area network (WAN), or it can be connected to an external computer (for example, using an Internet service provider to Connect via the Internet).
  • LAN local area network
  • WAN wide area network
  • each block in the flowchart or block diagram may represent a module, program segment, or part of code, and the module, program segment, or part of code contains one or more for realizing the specified logical function Executable instructions.
  • the functions marked in the block may also occur in a different order from the order marked in the drawings. For example, two blocks shown one after another can actually be executed substantially in parallel, and they can sometimes be executed in the reverse order, depending on the functions involved.
  • each block in the block diagram and/or flowchart, and the combination of the blocks in the block diagram and/or flowchart can be implemented by a dedicated hardware-based system that performs the specified functions or operations Or it can be realized by a combination of dedicated hardware and computer instructions.
  • the modules involved in the embodiments described in the present disclosure can be implemented in software or hardware. Among them, the name of the module does not constitute a limitation on the module itself under certain circumstances.
  • the area determination module can also be described as "a module that determines the drawing area.”
  • exemplary types of hardware logic components include: Field Programmable Gate Array (FPGA), Application Specific Integrated Circuit (ASIC), Application Specific Standard Product (ASSP), System on Chip (SOC), Complex Programmable Logical device (CPLD) and so on.
  • FPGA Field Programmable Gate Array
  • ASIC Application Specific Integrated Circuit
  • ASSP Application Specific Standard Product
  • SOC System on Chip
  • CPLD Complex Programmable Logical device
  • a machine-readable medium may be a tangible medium, which may contain or store a program for use by the instruction execution system, apparatus, or device or in combination with the instruction execution system, apparatus, or device.
  • the machine-readable medium may be a machine-readable signal medium or a machine-readable storage medium.
  • the machine-readable medium may include, but is not limited to, an electronic, magnetic, optical, electromagnetic, infrared, or semiconductor system, device, or device, or any suitable combination of the foregoing.
  • machine-readable storage media would include electrical connections based on one or more wires, portable computer disks, hard disks, random access memory (RAM), read-only memory (ROM), erasable programmable read-only memory (EPROM or flash memory), optical fiber, portable compact disk read only memory (CD-ROM), optical storage device, magnetic storage device, or any suitable combination of the foregoing.
  • RAM random access memory
  • ROM read-only memory
  • EPROM or flash memory erasable programmable read-only memory
  • CD-ROM compact disk read only memory
  • magnetic storage device or any suitable combination of the foregoing.
  • Example 1 provides an image drawing method, including: determining a drawing area corresponding to a target template image according to a display interface; acquiring user input operations according to the display interface; The operation position corresponding to the user input operation and the drawing area satisfy a preset condition, and an image is drawn according to the operation position.
  • Example 2 provides the method of Example 1, and further includes: in response to determining that the operation position corresponding to the user input operation and the drawing area do not satisfy the preset condition, ignoring any Describe user input operations.
  • Example 3 provides the method of Example 1 or 2, and the preset condition includes one or more of the following: the operation position corresponding to the user input operation is located in the drawing area The operation position corresponding to the user input operation is located outside the drawing area; the operation position corresponding to the user input operation overlaps the edge of the drawing area.
  • Example 4 provides the method of Example 1. Before determining the drawing area corresponding to the target template image according to the display interface, the method further includes: acquiring the first image according to the display interface. Selection instruction; determining a target template according to the first selection instruction; displaying the target template image indicated by the target template on the display interface.
  • Example 5 provides the method of Example 4.
  • the determining the target template according to the first selection instruction includes: determining the first The target template indicated by the selection instruction; or, the target template indicated by the first selection instruction sent by the server is received; or, the local image indicated by the first selection instruction is determined, and the local image is determined according to the local image. Generate the target template.
  • Example 6 provides the method of Example 1.
  • the method further includes: acquiring a second selection instruction according to the display interface; determining a target brush indicated by the second selection instruction among a plurality of preset brushes; and drawing according to the operation position
  • the image includes: drawing an image according to the target brush according to the operating position.
  • Example 7 provides the method of Example 4.
  • the target template is a scalable vector graphic SVG file, and the target indicated by the target template is displayed on the display interface.
  • the template image includes: parsing the target template according to an extensible markup language XML format to obtain the path information of the target template and the color of each path in the path information; on the display interface , Displaying the target template image according to the path information and the color of each path.
  • Example 8 provides the method of Example 7.
  • the determining the drawing area corresponding to the target template image according to the display interface includes: determining the drawing area on the display interface according to the path information.
  • the drawing area is a closed area composed of at least one path.
  • Example 9 provides the method of Example 1, and the method further includes: in response to determining that the operation position corresponding to the user input operation and the drawing area satisfy a preset condition, The operation position and the execution time of the user input operation are saved as an execution record; the execution record is sent to a designated terminal device so that the designated terminal device follows the order indicated by the execution time in the execution record Draw an image on the display interface of the designated terminal device according to the operation position in the execution record.
  • Example 10 provides an image drawing device, including: an area determination module, configured to determine the drawing area corresponding to the target template image according to the display interface; Acquire a user input operation; a processing module, configured to draw an image according to the operation position in response to determining that the operation position corresponding to the user input operation and the drawing area satisfy a preset condition.
  • Example 11 provides a computer-readable medium having a computer program stored thereon, and when the program is executed by a processing device, the steps of the methods described in Examples 1 to 9 are implemented.
  • Example 12 provides an electronic device, including: a storage device on which a computer program is stored; and a processing device for executing the computer program in the storage device to Implement the steps of the methods described in Example 1 to Example 9.

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Human Computer Interaction (AREA)
  • User Interface Of Digital Computer (AREA)
  • Processing Or Creating Images (AREA)

Abstract

一种图像的绘制方法、装置、可读介质和电子设备，该方法涉及图像处理技术领域，包括：根据显示界面确定目标模板图像对应的绘制区域(101)，根据显示界面获取用户输入操作(102)，响应于确定用户输入操作对应的操作位置与绘制区域满足预设条件，根据操作位置绘制图像(103)。当用户在显示界面上进行用户输入操作时，通过目标模板图像对应的绘制区域，限制仅在操作位置与绘制区域满足预设条件的情况下绘制图像，从而辅助用户按照目标模板图像进行图像的绘制，提高了图像绘制的准确度和效率。

Description

图像的绘制方法、装置、可读介质和电子设备 技术领域
本公开涉及图像处理技术领域，具体地，涉及一种图像的绘制方法、装置、可读介质和电子设备。
背景技术
随着电子信息技术和图像处理技术的不断发展，终端设备上所能提供的图像处理操作越来越丰富。为了给用户增加各种互动体验，用户可以在终端设备的显示界面上通过点击或者滑动等操作，绘制各种图像，显示界面上能够实时展示出用户的绘制过程和绘制出的图像。例如可以绘制心形、闪电形、礼物盒等图像。但是由于用户个人的绘画水平参差不齐，绘制出的图像可能与期望的图像存在较大的差别，无法表达用户的实际意图。
发明内容
提供该发明内容部分以便以简要的形式介绍构思，这些构思将在后面的具体实施方式部分被详细描述。该发明内容部分并不旨在标识要求保护的技术方案的关键特征或必要特征，也不旨在用于限制所要求的保护的技术方案的范围。
第一方面，本公开实施例提供一种图像的绘制方法，所述方法包括：
根据显示界面确定目标模板图像对应的绘制区域；
根据所述显示界面获取用户输入操作；
响应于确定所述用户输入操作对应的操作位置与所述绘制区域满足预设条件，根据所述操作位置绘制图像。
第二方面，本公开实施例提供一种图像的绘制装置，所述装置包括：
区域确定模块，用于根据显示界面确定目标模板图像对应的绘制区域；
获取模块，用于根据显示界面获取用户输入操作；
处理模块，用于响应于确定所述用户输入操作对应的操作位置与所述绘制区域满足预设条件，根据所述操作位置绘制图像。
第三方面，本公开实施例提供一种计算机可读介质，其上存储有计算机程序，该程序被处理装置执行时实现本公开第一方面所述方法的步骤。
第四方面，本公开实施例提供一种电子设备，包括：
存储装置，其上存储有计算机程序；
处理装置，用于执行所述存储装置中的所述计算机程序，以实现本公开第一方面所述方法的步骤。
第五方面，本公开实施例提供一种计算机程序产品，其包括承载在计算机可读介质上的计算机程序，该计算机程序被计算设备执行时，使得所述计算设备实现本公开第一方面所述的方法。
第六方面，本公开实施例提供一种计算机程序，当其在电子设备上运行时，使得电子设备实现本公开第一方面所述的方法。
通过上述技术方案，本公开首先根据显示界面确定目标模板图像对应的绘制区域，然后获取用户在显示界面上进行的用户输入操作，之后响应于确定用户输入操作对应的操作位置与绘制区域满足预设条件，根据操作位置绘制图像。本公开当用户在显示界面上进行用户输入操作时，通过目标模板图像对应的绘制区域，限制仅在操作位置与绘制区域满足预设条件的情况下绘制图像，从而辅助用户按照目标模板图像进行图像的绘制，提高了图像绘制的准确度和效率。
本公开的其他特征和优点将在随后的具体实施方式部分予以详细说明。
附图说明
结合附图并参考以下具体实施方式，本公开各实施例的上述和其他特征、优点及方面将变得更加明显。贯穿附图中，相同或相似的附图标记表示相同或相似的元素。应当理解附图是示意性的，原件和元素不一定按照比例绘制。在附图中：
图1是一种终端设备与服务器部署的示意图；
图2是根据一示例性实施例示出的一种图像的绘制方法的流程图；
图3是根据一示例性实施例示出的另一种图像的绘制方法的流程图；
图4是根据一示例性实施例示出的另一种图像的绘制方法的流程图；
图5a是根据一示例性实施例示出的另一种图像的绘制方法的流程图；
图5b是根据一示例性实施例示出的一种图像的绘制示意图；
图6a是根据一示例性实施例示出的另一种图像的绘制方法的流程图；
图6b是根据一示例性实施例示出的一种绘制区域的示意图；
图7是根据一示例性实施例示出的另一种图像的绘制方法的流程图；
图8是根据一示例性实施例示出的一种图像的绘制装置的框图；
图9是根据一示例性实施例示出的另一种图像的绘制装置的框图；
图10是根据一示例性实施例示出的另一种图像的绘制装置的框图；
图11是根据一示例性实施例示出的另一种图像的绘制装置的框图；
图12是根据一示例性实施例示出的另一种图像的绘制装置的框图；
图13是根据一示例性实施例示出的一种电子设备的结构示意图。
具体实施方式
下面将参照附图更详细地描述本公开的实施例。虽然附图中显示了本公开的某些实施例，然而应当理解的是，本公开可以通过各种形式来实现，而且不应该被解释为限于这里阐述的实施例，相反提供这些实施例是为了更加透彻和完整地理解本公开。应当理解的是，本公开的附图及实施例仅用于示例性作用，并非用于限制本公开的保护范围。
应当理解，本公开的方法实施方式中记载的各个步骤可以按照不同的顺序执行，和/或并行执行。此外，方法实施方式可以包括附加的步骤和/或省略执行示出的步骤。本公开的范围在此方面不受限制。
本文使用的术语“包括”及其变形是开放性包括，即“包括但不限于”。术语“基于”是“至少部分地基于”。术语“一个实施例”表示“至少一个实施例”；术语“另一实施例”表示“至少一个另外的实施例”；术语“一些实施例”表示“至少一些实施例”。其他术语的相关定义将在下文描述中给出。
需要注意，本公开中提及的“第一”、“第二”等概念仅用于对不同的装置、模块或单元进行区分，并非用于限定这些装置、模块或单元所执行的功能的顺序或者相互依存关系。
需要注意，本公开中提及的“一个”、“多个”的修饰是示意性而非限制性的，本领域技术人员应当理解，除非在上下文另有明确指出，否则应该理解为“一个或多个”。
本公开实施方式中的多个装置之间所交互的消息或者信息的名称仅用于说明性的目的，而并不是用于对这些消息或信息的范围进行限制。
在介绍本公开提供的图像的绘制方法、装置、可读介质和电子设备之前，首先对本公开各个实施例所涉及的应用场景进行介绍。该应用场景可以包括终端设备和服务器，终端设备和服务器之间可以进行数据传输。其中，终端设备可以包括但不限于诸如移动电话、笔记本电脑、数字广播接收器、PDA(个人数字助理)、PAD(平板电脑)、PMP(便携式多媒体播放器)、车载终端(例如车载导航终端)等等的移动终端以及诸如数字TV、台式 计算机等等的固定终端。服务器可以包括但不限于：实体服务器，服务器集群或云端服务器等。在具体的实现场景中，可以包括一个或多个终端设备，一个或多个服务器，如图1所示，多个终端设备之间可以通过服务器进行数据传输，以实现每个终端设备上显示同步的内容。本公开所提供的实施例中，执行主体可以为上述任一终端设备。
图2是根据一示例性实施例示出的一种图像的绘制方法的流程图，如图2所示，该方法包括以下步骤：
步骤101，根据显示界面确定目标模板图像对应的绘制区域。
举例来说，终端设备上当前运行有带有绘制图像等互动功能的APP(英文：Application，中文：应用程序)，例如：视频播放软件、直播软件、即时通信软件等。终端设备的显示界面上显示有该APP当前展示的画面。用户如果需要在显示界面上绘制图像，可以通过下发指令的方式在终端设备上选择指定的目标模板。之后终端设备根据目标模板指示的目标模板图像，确定目标模板图像对应的，在显示界面上的绘制区域。可以理解为，根据目标模板图像和显示界面的坐标系，确定绘制区域在显示界面上的坐标范围。与此同时，还可以将目标模板指示的目标模板图像显示在显示界面上，以供用户查看。可以理解为，目标模板中包含有目标模板图像的全部信息，可以根据目标模板，对目标模板图像进行显示。目标模板例如可以是各种格式的图像文件，也可以是二进制文件等。
目标模板图像中可以包括有多个路径(可以理解为线条)，可以将多个路径按照是否封闭进行划分，以得到一个或者多个封闭的绘制区域。目标模板图像例如可以为包含两个心形的图像，那么绘制区域可以为目标模板图像显示在显示界面上时，两个心形所在的区域。目标模板图像还可以为包含一个闪电形的图像，那么绘制区域可以为目标模板图像显示在显示界面上时，这个闪电形所在的区域。
步骤102，根据显示界面获取用户输入操作。
示例的，用户要在显示界面上绘制图像，可以通过触摸的方式在显示界面上进行用户输入操作。其中，用户输入操作可以为单击、双击、滑动、拖拽、长按等操作，可以由APP预先设置，也可以根据用户的具体需求来指定，本公开对此不做具体限定。终端设备检测到显示界面上存在用户输入操作时，能够确定用户输入操作发生的操作位置。操作位置可以理解为用户输入操作在显示界面上的坐标。根据不同的用户输入操作，和不同显示界面的灵敏度，操作位置可以包括一个坐标，也可以包括多个坐标(即一个坐标范围)。
步骤103，响应于确定用户输入操作对应的操作位置与绘制区域满足预设条件，根据操作位置绘制图像。
示例的，为了辅助用户能够画出与期望的图像(即目标模板图像)一致的图像，可以根据用户输入操作对应的操作位置与绘制区域是否满足预设条件，来确定是否对用户输入操作进行响应。预设条件可以用于限制操作位置与绘制区域之间的位置关系。
例如预设条件可以是：操作位置位于绘制区域内，或者操作位置位于绘制区域外，还可以是操作位置与绘制区域的边缘重叠，还可以是以上三种预设条件中的任意组合。其中，绘制区域的边缘可以是由一系列坐标组成的，操作位置与绘制区域的边缘重合，可以理解为绘制区域的边缘的坐标与操作位置的坐标重合。以预设条件为操作位置位于绘制区域内来举例，若操作位置与绘制区域满足预设条件，即操作位置的坐标位于绘制区域内，那么可以对用户输入操作做出响应，根据操作位置在显示界面上绘制图像，此时，显示界面上操作位置的坐标处能够显示绘制的轨迹。这样，不需要对绘画水平设置门槛，用户就能准确、快速得绘制出与期望的图像一致的图像，提高了图像绘制的准确度和效率，提高了用户的互动体验。
综上所述，本公开首先根据显示界面确定目标模板图像对应的绘制区域，然后获取用户在显示界面上进行的用户输入操作，之后响应于确定用户输入操作对应的操作位置与绘制区域满足预设条件，根据操作位置绘制图像。本公开当用户在显示界面上进行用户输入操作时，通过目标模板图像对应的绘制区域，限制仅在操作位置与绘制区域满足预设条件的情况下绘制图像，从而辅助用户按照目标模板图像进行图像的绘制，提高了图像绘制的准确度和效率。
图3是根据一示例性实施例示出的一种图像的绘制方法的流程图，如图3所示，该方法还包括：
步骤104，响应于确定用户输入操作对应的操作位置与绘制区域不满足预设条件，忽略用户输入操作。
示例的，若操作位置与绘制区域不满足预设条件，那么可以忽略用户输入操作，即不对用户输入操作做出任何响应，相应的，显示界面上不会出现绘制的轨迹。以预设条件为操作位置位于绘制区域内来举例，若操作位置位于绘制区域外部，或者操作位置与绘制区域的边缘重叠，那么显示界面上不会出现绘制的轨迹。需要说明的是，当操作位置为一个坐标范围时，可能出现操作位置中的一部分坐标位于绘制区域内，另一部分位于绘制区域外(或者与绘制区域的边缘重叠)的情况，那么可以仅在位于绘制区域内的部分坐标指示的位置处绘制图像，即位于绘制区域内的部分坐标指示的位置处能够显示绘制的轨迹，在位于绘制区域外(或者与绘制区域的边缘重叠)的部分坐标指示的位置处不显示绘制轨迹。
图4是根据一示例性实施例示出的一种图像的绘制方法的流程图，如图4所示，在步骤101之前，该方法还包括：
步骤105，根据显示界面获取第一选择指令。
步骤106，根据第一选择指令，确定目标模板。
步骤107，在显示界面上显示目标模板指示的目标模板图像。
在具体的使用场景中，用户在显示界面上下发第一选择指令来选择目标模板，从而在显示界面上显示目标模板图像。例如，用户可以在显示界面上执行指定的操作，例如单击、双击、滑动等操作，来下发第一选择指令。
具体的，步骤106的实现方式可以包括以下三种方式中的任一种：
方式一，在预设的多个模板中，确定第一选择指令指示的目标模板。
示例的，终端设备的显示界面上显示有多个预先存储的模板，用户可以通过点击不同的模板来触发第一选择指令，用户点击的模板即为目标模板。
方式二，接收由服务器发送的，第一选择指令指示的目标模板。
受限于终端设备的存储空间，和APP的版本，终端设备上存储的模板有限，为了进一步满足用户的需求，可以接收由服务器发送的目标模板。例如，用户可以在APP中，点击“更新模板”或者“下载模板”等按钮触发第一选择指令，以使终端设备向服务器请求目标模板，然后由服务器将目标模板发送至终端设备。
方式三，确定第一选择指令指示的本地图像，并根据本地图像生成目标模板。
在另一种实现方式中，用户可能存在自己定义目标模板的需求，因此用户可以在终端设备的本地图库中，点击不同的本地图像来触发第一选择指令。然后可以按照预设的规则对本地图像进行处理，提取出本地图像中的图像信息，作为目标模板。本地图像例如可以是jpg文件，可以先对本地图像进行边缘识别、颜色识别或者物体语义识别，以识别出本地图像中的指定区域，然后将指定区域内的图像信息进行格式转换，转换为SVG(英文：Scalable Vector Graphics，中文：可缩放的矢量图形)文件，并将这个SVG文件作为目标模板。例如，本地图像是一幅包含汽车的图像，可以先对本地图像进行物体语义识别，以识别出汽车所在的区域，然后将这个区域内包含的图像信息(像素点的坐标、颜色等)进行格式转换，转换为SVG文件，作为目标模板，那么根据这个目标模板，可以得到汽车图像(即目标模板图像)。
图5a是根据一示例性实施例示出的另一种图像的绘制方法的流程图，如图5a所示，在步骤103之前，该方法还包括：
步骤108，根据显示界面获取第二选择指令。
步骤109，在预设的多个画笔中，确定第二选择指令指示的目标画笔。
相应的，步骤103的实现方式可以为：
根据操作位置，按照目标画笔绘制图像。
举例来说，用户在进行用户输入操作之前，还可以在显示界面上下发第二选择指令来设置不同的画笔(Paint)。终端设备上可以显示有多个预先存储的画笔，用户通过点击不同的画笔来触发第二选择指令，用户选择的画笔即为目标画笔。其中，画笔可以理解为显示界面上，绘制的轨迹的样式，画笔可以包括多种画笔属性，例如：绘制颜色、绘制模式(包括：填充内容、描边等)、绘制透明度、绘制连接处样式、绘制宽度、绘制线帽等。在步骤109确定了目标画笔后，可以在操作位置的坐标处按照目标画笔的画笔属性绘制图像，此时，显示界面上操作位置的坐标处能够按照画笔属性显示绘制的轨迹。以用户选择的目标模板图像对应的绘制区域为心形(虚线围成的区域)，预设条件为用户输入操作对应的操作位置位于绘制区域内，目标画笔为太阳画笔来举例，那么显示界面上显示出的绘制的轨迹可以如图5b所示，可以得到一个用太阳填充的心形图像。
图6a是根据一示例性实施例示出的另一种图像的绘制方法的流程图，如图6a所示，目标模板为可缩放矢量图形SVG文件，步骤107可以包括：
步骤1071，对目标模板按照XML格式进行解析，以得到目标模板的路径信息，和路径信息中每个路径的颜色。
步骤1072，在显示界面上，根据路径信息和每个路径的颜色显示目标模板图像。
具体的，目标模板可以是SVG文件，终端设备在确定目标模板后，首先对目标模板按照XML(英文：Extensible Markup Language，中文：可扩展标记语言)格式进行解析，以得到目标模板中包含的路径信息，和路径信息中包括的多个路径(Path)中每个路径对应的颜色。进一步的，还可以将每个路径对应的颜色的代码，由SVG文件中的三位颜色代码，转换为六位颜色代码，以便于终端设备进行显示。最后，根据路径信息和每个路径的颜色，显示目标模板图像。
相应的，步骤101可以包括：
根据路径信息，在显示界面上确定绘制区域，绘制区域为至少一个路径组成的封闭区域。
示例的，在步骤1071中，得到了目标模板包括的路径信息，那么可以根据路径信息中包括的全部路径，判断全部路径能够将目标模板图像划分为几个封闭区域，然后将这些 封闭区域作为绘制区域。如图6b所示，路径信息中包括了路径A、路径B和路径C，A、B、C首尾相连，能够组成一个封闭区域，那么可以将A、B、C组成的区域中作为绘制区域。
图7是根据一示例性实施例示出的另一种图像的绘制方法的流程图，如图7所示，该方法还包括：
步骤110，响应于确定用户输入操作对应的操作位置与绘制区域满足预设条件，将操作位置和用户输入操作的执行时间作为执行记录进行保存。
步骤111，将执行记录发送至指定终端设备，以使指定终端设备按照执行记录中的执行时间指示的顺序，在指定终端设备的显示界面上，根据执行记录中的操作位置绘制图像。
举例来说，为了进一步增加用户的互动体验，还可以将上述实施例中图像的绘制过程发送至指定终端设备，以使指定终端设备上也能看到图像的绘制过程。其中，指定终端设备可以是除执行上述图像的绘制方法的当前终端设备之外的任一终端设备。以当前终端设备上运行的APP为直播APP来举例，那么指定终端设备可以是和当前终端设备处于同一直播间内的任一终端设备，包括该直播间的主播使用的终端设备，还可以包括该直播间的观众使用的终端设备。
具体的，在用户进行用户输入操作时，可以记录每一次进行用户输入操作的操作位置，和该次用户输入操作的执行时间，然后将操作位置和对应的执行时间作为一条执行记录进行保存。执行记录中还可以包括用于指示目标画笔的画笔信息，用以指示此次绘制的轨迹的样式。可以在用户在显示界面上触发发送指令后，将全部得到的执行记录发送至指定终端设备，例如，用户可以在不再进行用户输入操作(即停止绘制)之后，点击显示界面上的“发送”按钮，以触发发送指令。也可以每保存一条执行记录，就将该条执行记录发送至指定终端设备。指定终端设备在接收到执行记录之后，可以按照执行记录中的执行时间指示的先后顺序，在指定终端设备的显示界面上，执行记录中的操作位置指示的位置处绘制图像。这样，使得指定终端设备的用户也能够观看到当前终端设备的绘制过程，提高了用户的互动体验。
例如，某一直播间内的观众想给该直播间的主播发送心形图像，那么可以在智能手机上选择心形图像对应的模板，并选择礼物icon(图标)作为画笔。那么绘制区域为心形，该用户在显示界面上进行滑动(即用户输入操作)时，如果滑动到绘制区域以内，会按照礼物icon在相应的操作位置处绘制图像。绘制完毕得到一个用礼物icon填充的心形图像，用户点击“发送”按钮，将绘制过程中的执行记录发送至该直播间内的每个终端设备，每个 终端设备的显示界面上都可以显示这个心形图像的绘制过程。
综上所述，本公开首先根据显示界面确定目标模板图像对应的绘制区域，然后获取用户在显示界面上进行的用户输入操作，之后响应于确定用户输入操作对应的操作位置与绘制区域满足预设条件，根据操作位置绘制图像。本公开当用户在显示界面上进行用户输入操作时，通过目标模板图像对应的绘制区域，限制仅在操作位置与绘制区域满足预设条件的情况下绘制图像，从而辅助用户按照目标模板图像进行图像的绘制，提高了图像绘制的准确度和效率。
图8是根据一示例性实施例示出的一种图像的绘制装置的框图，如图8所示，该装置200包括：
区域确定模块201，用于根据显示界面确定目标模板图像对应的绘制区域。
获取模块202，用于根据显示界面获取用户输入操作。
处理模块203，用于响应于确定用户输入操作对应的操作位置与绘制区域满足预设条件，根据操作位置绘制图像。
进一步的，处理模块203还用于：
响应于确定用户输入操作对应的操作位置与绘制区域不满足预设条件，忽略用户输入操作。
其中，预设条件包括如下中的一个或多个：
用户输入操作对应的操作位置位于绘制区域内。
用户输入操作对应的操作位置位于绘制区域外。
用户输入操作对应的操作位置与绘制区域的边缘重叠。
图9是根据一示例性实施例示出的另一种图像的绘制装置的框图，如图9所示，获取模块202，还用于在确定目标模板图像对应的绘制区域之前，根据显示界面获取第一选择指令。
该装置200还包括：
模板确定模块204，用于根据第一选择指令，确定目标模板。
显示模块205，在显示界面上显示目标模板指示的目标模板图像。
可选地，模板确定模块204可以用于执行以下任一种步骤：
步骤1)在预设的多个模板中，确定第一选择指令指示的目标模板。或者，
步骤2)接收由服务器发送的，第一选择指令指示的目标模板。或者，
步骤3)确定第一选择指令指示的本地图像，并根据本地图像生成目标模板。
图10是根据一示例性实施例示出的另一种图像的绘制装置的框图，如图10所示，获取模块202，还用于在响应于确定用户输入操作对应的操作位置与绘制区域满足预设条件，根据操作位置绘制图像之前，根据显示界面获取第二选择指令。
该装置200还包括：
画笔确定模块206，用于确定第二选择指令指示的目标画笔。
相应的，处理模块203，用于根据操作位置，按照目标画笔绘制图像。
图11是根据一示例性实施例示出的另一种图像的绘制装置的框图，如图11所示，标模板为可缩放矢量图形SVG文件，显示模块205包括：
解析子模块2051，用于对目标模板按照可扩展标记语言XML格式进行解析，以得到目标模板的路径信息，和路径信息中每个路径的颜色。
显示子模块2052，用于在显示界面上，根据路径信息和每个路径的颜色显示目标模板图像。
相应的，区域确定模块201用于：
根据路径信息，在显示界面上确定绘制区域，绘制区域为至少一个路径组成的封闭区域。
图12是根据一示例性实施例示出的另一种图像的绘制装置的框图，如图12所示，该装置200还包括：
保存模块207，用于响应于确定用户输入操作对应的操作位置与绘制区域满足预设条件，将操作位置和用户输入操作的执行时间作为执行记录进行保存。
发送模块208，用于将执行记录发送至指定终端设备，以使指定终端设备按照执行记录中的执行时间指示的顺序，在指定终端设备的显示界面上，根据执行记录中的操作位置绘制图像。
关于上述实施例中的装置，其中各个模块执行操作的具体方式已经在有关该方法的实施例中进行了详细描述，此处将不做详细阐述说明。
综上所述，本公开首先根据显示界面确定目标模板图像对应的绘制区域，然后获取用户在显示界面上进行的用户输入操作，之后响应于确定用户输入操作对应的操作位置与绘制区域满足预设条件，根据操作位置绘制图像。本公开当用户在显示界面上进行用户输入操作时，通过目标模板图像对应的绘制区域，限制仅在操作位置与绘制区域满足预设条件的情况下绘制图像，从而辅助用户按照目标模板图像进行图像的绘制，提高了图像绘制的准确度和效率。
下面参考图13，其示出了适于用来实现本公开实施例的电子设备(例如图1中的终端设备或服务器)300的结构示意图。本公开实施例中的终端设备可以包括但不限于诸如移动电话、笔记本电脑、数字广播接收器、PDA(个人数字助理)、PAD(平板电脑)、PMP(便携式多媒体播放器)、车载终端(例如车载导航终端)等等的移动终端以及诸如数字TV、台式计算机等等的固定终端。图13示出的电子设备仅仅是一个示例，不应对本公开实施例的功能和使用范围带来任何限制。
如图13所示，电子设备300可以包括处理装置(例如中央处理器、图形处理器等)301，其可以根据存储在只读存储器(ROM)302中的程序或者从存储装置308加载到随机访问存储器(RAM)303中的程序而执行各种适当的动作和处理。在RAM 303中，还存储有电子设备300操作所需的各种程序和数据。处理装置301、ROM 302以及RAM 303通过总线304彼此相连。输入/输出(I/O)接口305也连接至总线304。
通常，以下装置可以连接至I/O接口305：包括例如触摸屏、触摸板、键盘、鼠标、摄像头、麦克风、加速度计、陀螺仪等的输入装置306。包括例如液晶显示器(LCD)、扬声器、振动器等的输出装置307；包括例如磁带、硬盘等的存储装置308；以及通信装置309。通信装置309可以允许电子设备300与其他设备进行无线或有线通信以交换数据。虽然图13示出了具有各种装置的电子设备300，但是应理解的是，并不要求实施或具备所有示出的装置。可以替代地实施或具备更多或更少的装置。
特别地，根据本公开的实施例，上文参考流程图描述的过程可以被实现为计算机软件程序。例如，本公开的实施例包括一种计算机程序产品，其包括承载在非暂态计算机可读介质上的计算机程序，该计算机程序包含用于执行流程图所示的方法的程序代码。在这样的实施例中，该计算机程序可以通过通信装置309从网络上被下载和安装，或者从存储装置308被安装，或者从ROM 302被安装。在该计算机程序被处理装置301执行时，执行本公开实施例的方法中限定的上述功能。本公开的实施例还包括一种计算机程序，当其在电子设备300上执行时，执行本公开实施例的方法中限定的上述功能。
需要说明的是，本公开上述的计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质或者是上述两者的任意组合。计算机可读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的系统、装置或器件，或者任意以上的组合。计算机可读存储介质的更具体的例子可以包括但不限于：具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机访问存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑磁盘只读存储器(CD-ROM)、光存 储器件、磁存储器件、或者上述的任意合适的组合。在本公开中，计算机可读存储介质可以是任何包含或存储程序的有形介质，该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。而在本公开中，计算机可读信号介质可以包括在基带中或者作为载波一部分传播的数据信号，其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式，包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读信号介质还可以是计算机可读存储介质以外的任何计算机可读介质，该计算机可读信号介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。计算机可读介质上包含的程序代码可以用任何适当的介质传输，包括但不限于：电线、光缆、RF(射频)等等，或者上述的任意合适的组合。
在一些实施方式中，终端设备、服务器可以利用诸如HTTP(HyperText Transfer Protocol，超文本传输协议)之类的任何当前已知或未来研发的网络协议进行通信，并且可以与任意形式或介质的数字数据通信(例如，通信网络)互连。通信网络的示例包括局域网(“LAN”)，广域网(“WAN”)，网际网(例如，互联网)以及端对端网络(例如，ad hoc端对端网络)，以及任何当前已知或未来研发的网络。
上述计算机可读介质可以是上述电子设备中所包含的；也可以是单独存在，而未装配入该电子设备中。
上述计算机可读介质承载有一个或者多个程序，当上述一个或者多个程序被该电子设备执行时，使得该电子设备：根据显示界面确定目标模板图像对应的绘制区域；根据所述显示界面获取用户输入操作；响应于确定所述用户输入操作对应的操作位置与所述绘制区域满足预设条件，根据所述操作位置绘制图像。
可以以一种或多种程序设计语言或其组合来编写用于执行本公开的操作的计算机程序代码，上述程序设计语言包括但不限于面向对象的程序设计语言—诸如Java、Smalltalk、C++，还包括常规的过程式程序设计语言——诸如“C”语言或类似的程序设计语言。程序代码可以完全地在用户计算机上执行、部分地在用户计算机上执行、作为一个独立的软件包执行、部分在用户计算机上部分在远程计算机上执行、或者完全在远程计算机或服务器上执行。在涉及远程计算机的情形中，远程计算机可以通过任意种类的网络——包括局域网(LAN)或广域网(WAN)——连接到用户计算机，或者，可以连接到外部计算机(例如利用因特网服务提供商来通过因特网连接)。
附图中的流程图和框图，图示了按照本公开各种实施例的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上，流程图或框图中的每个方框可以代表 一个模块、程序段、或代码的一部分，该模块、程序段、或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意，在有些作为替换的实现中，方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如，两个接连地表示的方框实际上可以基本并行地执行，它们有时也可以按相反的顺序执行，这依所涉及的功能而定。也要注意的是，框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合，可以用执行规定的功能或操作的专用的基于硬件的系统来实现，或者可以用专用硬件与计算机指令的组合来实现。
描述于本公开实施例中所涉及到的模块可以通过软件的方式实现，也可以通过硬件的方式来实现。其中，模块的名称在某种情况下并不构成对该模块本身的限定，例如，区域确定模块还可以被描述为“确定绘制区域的模块”。
本文中以上描述的功能可以至少部分地由一个或多个硬件逻辑部件来执行。例如，非限制性地，可以使用的示范类型的硬件逻辑部件包括：现场可编程门阵列(FPGA)、专用集成电路(ASIC)、专用标准产品(ASSP)、片上系统(SOC)、复杂可编程逻辑设备(CPLD)等等。
在本公开的上下文中，机器可读介质可以是有形的介质，其可以包含或存储以供指令执行系统、装置或设备使用或与指令执行系统、装置或设备结合地使用的程序。机器可读介质可以是机器可读信号介质或机器可读储存介质。机器可读介质可以包括但不限于电子的、磁性的、光学的、电磁的、红外的、或半导体系统、装置或设备，或者上述内容的任何合适组合。机器可读存储介质的更具体示例会包括基于一个或多个线的电气连接、便携式计算机盘、硬盘、随机存取存储器(RAM)、只读存储器(ROM)、可擦除可编程只读存储器(EPROM或快闪存储器)、光纤、便捷式紧凑盘只读存储器(CD-ROM)、光学储存设备、磁储存设备、或上述内容的任何合适组合。
根据本公开的一个或多个实施例，示例1提供了一种图像的绘制方法，包括：根据显示界面确定目标模板图像对应的绘制区域；根据所述显示界面获取用户输入操作；响应于确定所述用户输入操作对应的操作位置与所述绘制区域满足预设条件，根据所述操作位置绘制图像。
根据本公开的一个或多个实施例，示例2提供了示例1的方法，还包括：响应于确定所述用户输入操作对应的操作位置与所述绘制区域不满足所述预设条件，忽略所述用户输入操作。
根据本公开的一个或多个实施例，示例3提供了示例1或2的方法，所述预设条件包 括如下中的一个或多个：所述用户输入操作对应的操作位置位于所述绘制区域内；所述用户输入操作对应的操作位置位于所述绘制区域外；所述用户输入操作对应的操作位置与所述绘制区域的边缘重叠。
根据本公开的一个或多个实施例，示例4提供了示例1的方法，在所述根据显示界面确定目标模板图像对应的绘制区域之前，所述方法还包括：根据所述显示界面获取第一选择指令；根据所述第一选择指令，确定目标模板；在所述显示界面上显示所述目标模板指示的所述目标模板图像。
根据本公开的一个或多个实施例，示例5提供了示例4的方法，所述根据所述第一选择指令，确定目标模板，包括：在预设的多个模板中，确定所述第一选择指令指示的所述目标模板；或者，接收由服务器发送的，所述第一选择指令指示的所述目标模板；或者，确定所述第一选择指令指示的本地图像，并根据所述本地图像生成所述目标模板。
根据本公开的一个或多个实施例，示例6提供了示例1的方法，在所述响应于确定所述用户输入操作对应的操作位置与所述绘制区域满足预设条件，根据所述操作位置绘制图像之前，所述方法还包括：根据所述显示界面获取第二选择指令；在预设的多个画笔中，确定所述第二选择指令指示的目标画笔；所述根据所述操作位置绘制图像，包括：根据所述操作位置，按照所述目标画笔绘制图像。
根据本公开的一个或多个实施例，示例7提供了示例4的方法，所述目标模板为可缩放矢量图形SVG文件，所述在所述显示界面上显示所述目标模板指示的所述目标模板图像，包括：对所述目标模板按照可扩展标记语言XML格式进行解析，以得到所述目标模板的所述路径信息，和所述路径信息中每个路径的颜色；在所述显示界面上，根据所述路径信息和每个所述路径的颜色显示所述目标模板图像。
根据本公开的一个或多个实施例，示例8提供了示例7的方法，所述根据显示界面确定目标模板图像对应的绘制区域，包括：根据所述路径信息，在所述显示界面上确定所述绘制区域，所述绘制区域为至少一个所述路径组成的封闭区域。
根据本公开的一个或多个实施例，示例9提供了示例1的方法，所述方法还包括：响应于确定所述用户输入操作对应的操作位置与所述绘制区域满足预设条件，将所述操作位置和所述用户输入操作的执行时间作为执行记录进行保存；将所述执行记录发送至指定终端设备，以使所述指定终端设备按照所述执行记录中的所述执行时间指示的顺序，在所述指定终端设备的显示界面上，根据所述执行记录中的所述操作位置绘制图像。
根据本公开的一个或多个实施例，示例10提供了一种图像的绘制装置，包括：区域 确定模块，用于根据显示界面确定目标模板图像对应的绘制区域；获取模块，用于根据显示界面获取用户输入操作；处理模块，用于响应于确定所述用户输入操作对应的操作位置与所述绘制区域满足预设条件，根据所述操作位置绘制图像。
根据本公开的一个或多个实施例，示例11提供了一种计算机可读介质，其上存储有计算机程序，该程序被处理装置执行时实现示例1至示例9中所述方法的步骤。
根据本公开的一个或多个实施例，示例12提供了一种电子设备，包括：存储装置，其上存储有计算机程序；处理装置，用于执行所述存储装置中的所述计算机程序，以实现示例1至示例9中所述方法的步骤。
以上描述仅为本公开的较佳实施例以及对所运用技术原理的说明。本领域技术人员应当理解，本公开中所涉及的公开范围，并不限于上述技术特征的特定组合而成的技术方案，同时也应涵盖在不脱离上述公开构思的情况下，由上述技术特征或其等同特征进行任意组合而形成的其它技术方案。例如上述特征与本公开中公开的(但不限于)具有类似功能的技术特征进行互相替换而形成的技术方案。
此外，虽然采用特定次序描绘了各操作，但是这不应当理解为要求这些操作以所示出的特定次序或以顺序次序执行来执行。在一定环境下，多任务和并行处理可能是有利的。同样地，虽然在上面论述中包含了若干具体实现细节，但是这些不应当被解释为对本公开的范围的限制。在单独的实施例的上下文中描述的某些特征还可以组合地实现在单个实施例中。相反地，在单个实施例的上下文中描述的各种特征也可以单独地或以任何合适的子组合的方式实现在多个实施例中。
尽管已经采用特定于结构特征和/或方法逻辑动作的语言描述了本主题，但是应当理解所附权利要求书中所限定的主题未必局限于上面描述的特定特征或动作。相反，上面所描述的特定特征和动作仅仅是实现权利要求书的示例形式。关于上述实施例中的装置，其中各个模块执行操作的具体方式已经在有关该方法的实施例中进行了详细描述，此处将不做详细阐述说明。

Claims (14)

  1. 一种图像的绘制方法，其特征在于，所述方法包括：
    根据显示界面确定目标模板图像对应的绘制区域；
    根据所述显示界面获取用户输入操作；
    响应于确定所述用户输入操作对应的操作位置与所述绘制区域满足预设条件，根据所述操作位置绘制图像。
  2. 根据权利要求1所述的方法，其特征在于，所述方法还包括：
    响应于确定所述用户输入操作对应的操作位置与所述绘制区域不满足所述预设条件，忽略所述用户输入操作。
  3. 根据权利要求1或2所述的方法，其特征在于，所述预设条件包括如下中的一个或多个：
    所述用户输入操作对应的操作位置位于所述绘制区域内；
    所述用户输入操作对应的操作位置位于所述绘制区域外；
    所述用户输入操作对应的操作位置与所述绘制区域的边缘重叠。
  4. 根据权利要求1-3中任一项所述的方法，其特征在于，在所述根据显示界面确定目标模板图像对应的绘制区域之前，所述方法还包括：
    根据所述显示界面获取第一选择指令；
    根据所述第一选择指令，确定目标模板；
    在所述显示界面上显示所述目标模板指示的所述目标模板图像。
  5. 根据权利要求4所述的方法，其特征在于，所述根据所述第一选择指令，确定目标模板，包括：
    在预设的多个模板中，确定所述第一选择指令指示的所述目标模板；或者，
    接收由服务器发送的，所述第一选择指令指示的所述目标模板；或者，
    确定所述第一选择指令指示的本地图像，并根据所述本地图像生成所述目标模板。
  6. 根据权利要求1-5中任一项所述的方法，其特征在于，在所述响应于确定所述用户输入操作对应的操作位置与所述绘制区域满足预设条件，根据所述操作位置绘制图像之前，所述方法还包括：
    根据所述显示界面获取第二选择指令；
    在预设的多个画笔中，确定所述第二选择指令指示的目标画笔；
    所述根据所述操作位置绘制图像，包括：
    根据所述操作位置，按照所述目标画笔绘制图像。
  7. 根据权利要求4-6中任一项所述的方法，其特征在于，所述目标模板为可缩放矢量图形SVG文件，所述在所述显示界面上显示所述目标模板指示的所述目标模板图像， 包括：
    对所述目标模板按照可扩展标记语言XML格式进行解析，以得到所述目标模板的路径信息，和所述路径信息中每个路径的颜色；
    在所述显示界面上，根据所述路径信息和每个所述路径的颜色显示所述目标模板图像。
  8. 根据权利要求7所述的方法，其特征在于，所述根据显示界面确定目标模板图像对应的绘制区域，包括：
    根据所述路径信息，在所述显示界面上确定所述绘制区域，所述绘制区域为至少一个所述路径组成的封闭区域。
  9. 根据权利要求1-8中任一项所述的方法，其特征在于，所述方法还包括：
    响应于确定所述用户输入操作对应的操作位置与所述绘制区域满足预设条件，将所述操作位置和所述用户输入操作的执行时间作为执行记录进行保存；
    将所述执行记录发送至指定终端设备，以使所述指定终端设备按照所述执行记录中的所述执行时间指示的顺序，在所述指定终端设备的显示界面上，根据所述执行记录中的所述操作位置绘制图像。
  10. 一种图像的绘制装置，其特征在于，所述装置包括：
    区域确定模块，用于根据显示界面确定目标模板图像对应的绘制区域；
    获取模块，用于根据显示界面获取用户输入操作；
    处理模块，用于响应于确定所述用户输入操作对应的操作位置与所述绘制区域满足预设条件，根据所述操作位置绘制图像。
  11. 一种计算机可读介质，其上存储有计算机程序，其特征在于，该程序被处理装置执行时实现权利要求1-9中任一项所述的方法。
  12. 一种电子设备，其特征在于，包括：
    存储装置，其上存储有计算机程序；
    处理装置，用于执行所述存储装置中的所述计算机程序，以实现权利要求1-9中任一项所述的方法。
  13. 一种计算机程序产品，其包括承载在计算机可读介质上的计算机程序，所述计算机程序被计算设备执行时，实现权利要求1-9中任一项所述的方法。
  14. 一种计算机程序，当其在电子设备上运行时，使得所述电子设备实现权利要求1-9中任一项所述的方法。
PCT/CN2021/076413 2020-03-10 2021-02-09 图像的绘制方法、装置、可读介质和电子设备 Ceased WO2021179882A1 (zh)

Priority Applications (2)

Application Number Priority Date Filing Date Title
EP21767565.1A EP4083774A4 (en) 2020-03-10 2021-02-09 IMAGE DRAWING METHOD AND DEVICE, READABLE MEDIA AND ELECTRONIC DEVICE
US17/816,268 US11875437B2 (en) 2020-03-10 2022-07-29 Image drawing method based on target template image, apparatus, readable medium and electronic device

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
CN202010162713.3 2020-03-10
CN202010162713.3A CN111399729A (zh) 2020-03-10 2020-03-10 图像的绘制方法、装置、可读介质和电子设备

Related Child Applications (1)

Application Number Title Priority Date Filing Date
US17/816,268 Continuation US11875437B2 (en) 2020-03-10 2022-07-29 Image drawing method based on target template image, apparatus, readable medium and electronic device

Publications (1)

Publication Number Publication Date
WO2021179882A1 true WO2021179882A1 (zh) 2021-09-16

Family

ID=71430831

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/CN2021/076413 Ceased WO2021179882A1 (zh) 2020-03-10 2021-02-09 图像的绘制方法、装置、可读介质和电子设备

Country Status (4)

Country Link
US (1) US11875437B2 (zh)
EP (1) EP4083774A4 (zh)
CN (1) CN111399729A (zh)
WO (1) WO2021179882A1 (zh)

Cited By (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN113902841A (zh) * 2021-09-28 2022-01-07 湖南新云网科技有限公司 一种图像绘制方法、装置、电子设备及可读存储介质
CN114124735A (zh) * 2022-01-29 2022-03-01 南昌国讯信息技术股份有限公司 路由设计方法及电子设备
WO2024109193A1 (zh) * 2022-11-22 2024-05-30 荣耀终端有限公司 一种图片编辑方法、电子设备及可读存储介质

Families Citing this family (17)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN111399729A (zh) 2020-03-10 2020-07-10 北京字节跳动网络技术有限公司 图像的绘制方法、装置、可读介质和电子设备
CN112051960B (zh) 2020-09-02 2022-03-25 北京字节跳动网络技术有限公司 一种图像绘制方法、装置、设备及存储介质
CN114527899B (zh) * 2020-10-30 2024-05-24 北京中地泓科环境科技有限公司 基于图件显示环境信息的方法
CN113506356B (zh) * 2021-07-26 2023-09-01 抖音视界有限公司 面积图的绘制方法、装置、可读介质和电子设备
CN113766258B (zh) * 2021-07-27 2023-04-11 广州方硅信息技术有限公司 直播间虚拟礼物赠送处理方法、设备及存储介质
CN114222151B (zh) * 2021-12-08 2024-07-26 广州方硅信息技术有限公司 开播交互动画的显示方法、装置及计算机设备
CN114202603B (zh) * 2021-12-15 2025-08-15 京东方科技集团股份有限公司 界面图形调整方法、电子设备、存储介质及显示系统
CN114388415B (zh) * 2021-12-17 2026-01-09 西安北方华创微电子装备有限公司 一种晶圆翻转控制方法和一种半导体工艺设备
CN116363338A (zh) * 2021-12-28 2023-06-30 北京字跳网络技术有限公司 图像处理方法、装置、电子设备及存储介质
CN114401443B (zh) * 2022-01-24 2023-09-01 脸萌有限公司 特效视频处理方法、装置、电子设备及存储介质
CN114969858B (zh) * 2022-04-15 2026-01-02 达观数据有限公司 一种失效树的绘制方法、装置、计算机设备及介质
CN115063510A (zh) * 2022-05-11 2022-09-16 北京有竹居网络技术有限公司 用于图像审核的方法、装置、设备和存储介质
CN115731321A (zh) * 2022-09-30 2023-03-03 北京字跳网络技术有限公司 流程图绘制方法、装置、设备、可读存储介质及产品
CN116305377A (zh) * 2023-03-10 2023-06-23 之江实验室 一种绘制方法、装置、设备及可读存储介质
CN116932121B (zh) * 2023-09-18 2024-02-13 中国电子科技集团公司第十五研究所 一种适应多形态业务应用的态势统一标绘方法及系统
CN118761119B (zh) * 2024-09-05 2024-12-27 深圳市优奕视界有限公司 基于人机界面交互的智能图形生成方法及相关装置
CN118823187B (zh) * 2024-09-14 2025-02-11 江西雕视信息技术股份有限公司 一种多端协同的图像标绘方法及系统

Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102308317A (zh) * 2009-02-09 2012-01-04 诺基亚公司 用于交互式草图模板的方法和装置
US20140022193A1 (en) * 2012-07-17 2014-01-23 Samsung Electronics Co., Ltd. Method of executing functions of a terminal including pen recognition panel and terminal supporting the method
CN106681706A (zh) * 2016-08-09 2017-05-17 腾讯科技（深圳）有限公司 应用进度处理方法及终端
CN106709762A (zh) * 2016-12-26 2017-05-24 乐蜜科技有限公司 直播间中虚拟礼物的推荐方法、装置及移动终端
CN109756787A (zh) * 2018-12-29 2019-05-14 广州华多网络科技有限公司 虚拟礼物的生成方法、装置及虚拟礼物的赠送系统
CN111399729A (zh) * 2020-03-10 2020-07-10 北京字节跳动网络技术有限公司 图像的绘制方法、装置、可读介质和电子设备

Family Cites Families (11)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US8487932B1 (en) * 2010-08-30 2013-07-16 Disney Enterprises, Inc. Drawing figures in computer-based drawing applications
US9465434B2 (en) * 2011-05-23 2016-10-11 Haworth, Inc. Toolbar dynamics for digital whiteboard
KR102294705B1 (ko) * 2014-08-29 2021-08-30 삼성전자주식회사 유저 입력에 기초한 오브젝트 속성을 제어하는 전자 장치 및 방법
US10489033B2 (en) * 2015-06-07 2019-11-26 Apple Inc. Device, method, and graphical user interface for providing and interacting with a virtual drawing aid
CN105183316B (zh) * 2015-08-31 2018-05-08 百度在线网络技术（北京）有限公司 一种生成颜文字的方法和装置
CN106250026A (zh) * 2016-07-26 2016-12-21 维沃移动通信有限公司 一种移动终端的应用程序的启动方法及移动终端
CN107765976B (zh) * 2016-08-16 2021-12-14 腾讯科技（深圳）有限公司 一种消息推送方法、终端及系统
CN106846040B (zh) * 2016-12-22 2021-11-09 武汉斗鱼网络科技有限公司 一种直播间中虚拟礼物显示方法和系统
US10835802B1 (en) * 2017-02-07 2020-11-17 The Catherine Mayer Foundation Physiological response management using computer-implemented activities
US11720745B2 (en) * 2017-06-13 2023-08-08 Microsoft Technology Licensing, Llc Detecting occlusion of digital ink
US10254941B2 (en) * 2017-06-29 2019-04-09 Best Apps, Llc Computer aided systems and methods for creating custom products

Patent Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102308317A (zh) * 2009-02-09 2012-01-04 诺基亚公司 用于交互式草图模板的方法和装置
US20140022193A1 (en) * 2012-07-17 2014-01-23 Samsung Electronics Co., Ltd. Method of executing functions of a terminal including pen recognition panel and terminal supporting the method
CN106681706A (zh) * 2016-08-09 2017-05-17 腾讯科技（深圳）有限公司 应用进度处理方法及终端
CN106709762A (zh) * 2016-12-26 2017-05-24 乐蜜科技有限公司 直播间中虚拟礼物的推荐方法、装置及移动终端
CN109756787A (zh) * 2018-12-29 2019-05-14 广州华多网络科技有限公司 虚拟礼物的生成方法、装置及虚拟礼物的赠送系统
CN111399729A (zh) * 2020-03-10 2020-07-10 北京字节跳动网络技术有限公司 图像的绘制方法、装置、可读介质和电子设备

Non-Patent Citations (1)

* Cited by examiner, † Cited by third party
Title
See also references of EP4083774A4 *

Cited By (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN113902841A (zh) * 2021-09-28 2022-01-07 湖南新云网科技有限公司 一种图像绘制方法、装置、电子设备及可读存储介质
CN114124735A (zh) * 2022-01-29 2022-03-01 南昌国讯信息技术股份有限公司 路由设计方法及电子设备
WO2024109193A1 (zh) * 2022-11-22 2024-05-30 荣耀终端有限公司 一种图片编辑方法、电子设备及可读存储介质

Also Published As

Publication number Publication date
EP4083774A1 (en) 2022-11-02
EP4083774A4 (en) 2023-06-21
US20220375147A1 (en) 2022-11-24
US11875437B2 (en) 2024-01-16
CN111399729A (zh) 2020-07-10

Similar Documents

Publication Publication Date Title
US11875437B2 (en) Image drawing method based on target template image, apparatus, readable medium and electronic device
CN109460233B (zh) 页面的原生界面显示更新方法、装置、终端设备及介质
CN110070896B (zh) 图像处理方法、装置、硬件装置
US12592014B2 (en) Media content processing method and apparatus, device, and storage medium
EP4404573A1 (en) Comment sharing method and apparatus, and electronic device
WO2021135626A1 (zh) 菜单项选择方法、装置、可读介质及电子设备
EP4258165A1 (en) Two-dimensional code displaying method and apparatus, device, and medium
CN113655933B (zh) 文本标注方法及装置、存储介质及电子设备
WO2020220776A1 (zh) 图片类评论数据的展示方法、装置、设备及介质
CN115209215B (zh) 视频处理方法、装置及设备
US12190049B2 (en) Document processing method, apparatus and device, and medium
CN114489910A (zh) 一种视频会议数据显示方法、装置、设备及介质
WO2024087922A1 (zh) 收藏管理方法、装置、设备及介质
WO2024165010A1 (zh) 信息生成方法、信息显示方法、装置、设备和存储介质
US20240040069A1 (en) Image special effect configuration method, image recognition method, apparatus and electronic device
CN109726379B (zh) 内容项编辑方法、装置、电子设备及存储介质
CN110148024B (zh) 一种用于提供评论输入模式的方法与装置
US12063264B2 (en) Information indicating method and apparatus, electronic device and storage medium
JP2025508593A (ja) ビデオ生成方法、装置、機器、記憶媒体及びプログラム製品
CN110427584A (zh) 页面生成方法、装置、电子设备及计算机可读存储介质
US20240412436A1 (en) Effect edition method and apparatus, electronic device and storage medium
CN112492399B (zh) 信息显示方法、装置及电子设备
EP4418089A1 (en) Data processing method and apparatus, electronic device, and storage medium
US20250182793A1 (en) Method, apparatus, medium and electronic device for video generation
CN113296771B (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: 21767565

Country of ref document: EP

Kind code of ref document: A1

ENP Entry into the national phase

Ref document number: 2021767565

Country of ref document: EP

Effective date: 20220729

NENP Non-entry into the national phase

Ref country code: DE