图像的绘制方法、装置、可读介质和电子设备与流程

本公开涉及图像处理技术领域，具体地，涉及一种图像的绘制方法、装置、可读介质和电子设备。

背景技术：

随着电子信息技术和图像处理技术的不断发展，终端设备上所能提供的图像处理操作越来越丰富。为了给用户增加各种互动体验，用户可以在终端设备的显示界面上通过点击或者滑动等操作，绘制各种图像，显示界面上能够实时展示出用户的绘制过程和绘制出的图像。例如可以绘制心形、闪电形、礼物盒等图像。但是由于用户个人的绘画水平参差不齐，绘制出的图像可能与期望的图像存在较大的差别，无法表达用户的实际意图。

技术实现要素：

提供该发明内容部分以便以简要的形式介绍构思，这些构思将在后面的具体实施方式部分被详细描述。该发明内容部分并不旨在标识要求保护的技术方案的关键特征或必要特征，也不旨在用于限制所要求的保护的技术方案的范围。

第一方面，本公开提供一种图像的绘制方法，所述方法包括：

根据显示界面确定目标模板图像对应的绘制区域；

根据所述显示界面获取用户输入操作；

响应于确定所述用户输入操作对应的操作位置与所述绘制区域满足预设条件，根据所述操作位置绘制图像。

第二方面，本公开提供一种图像的绘制装置，所述装置包括：

区域确定模块，用于根据显示界面确定目标模板图像对应的绘制区域；

获取模块，用于根据显示界面获取用户输入操作；

处理模块，用于响应于确定所述用户输入操作对应的操作位置与所述绘制区域满足预设条件，根据所述操作位置绘制图像。

第三方面，本公开提供一种计算机可读介质，其上存储有计算机程序，该程序被处理装置执行时实现本公开第一方面所述方法的步骤。

第四方面，本公开提供一种电子设备，包括：

存储装置，其上存储有计算机程序；

处理装置，用于执行所述存储装置中的所述计算机程序，以实现本公开第一方面所述方法的步骤。

通过上述技术方案，本公开首先根据显示界面确定目标模板图像对应的绘制区域，然后获取用户在显示界面上进行的用户输入操作，之后响应于确定用户输入操作对应的操作位置与绘制区域满足预设条件，根据操作位置绘制图像。本公开当用户在显示界面上进行用户输入操作时，通过目标模板图像对应的绘制区域，限制仅在操作位置与绘制区域满足预设条件的情况下绘制图像，从而辅助用户按照目标模板图像进行图像的绘制，提高了图像绘制的准确度和效率。

本公开的其他特征和优点将在随后的具体实施方式部分予以详细说明。

附图说明

结合附图并参考以下具体实施方式，本公开各实施例的上述和其他特征、优点及方面将变得更加明显。贯穿附图中，相同或相似的附图标记表示相同或相似的元素。应当理解附图是示意性的，原件和元素不一定按照比例绘制。

在附图中：

图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(英文：scalablevectorgraphics，中文：可缩放的矢量图形)文件，并将这个svg文件作为目标模板。例如，本地图像是一幅包含汽车的图像，可以先对本地图像进行物体语义识别，以识别出汽车所在的区域，然后将这个区域内包含的图像信息(像素点的坐标、颜色等)进行格式转换，转换为svg文件，作为目标模板，那么根据这个目标模板，可以得到汽车图像(即目标模板图像)。

图5a是根据一示例性实施例示出的另一种图像的绘制方法的流程图，如图5a所示，在步骤103之前，该方法还包括：

步骤108，根据显示界面获取第二选择指令。

步骤109，在预设的多个画笔中，确定第二选择指令指示的目标画笔。

相应的，步骤103的实现方式可以为：

根据操作位置，按照目标画笔绘制图像。

举例来说，用户在进行用户输入操作之前，还可以在显示界面上下发第二选择指令来设置不同的画笔(paint)。终端设备上可以显示有多个预先存储的画笔，用户通过点击不同的画笔来触发第二选择指令，用户选择的画笔即为目标画笔。其中，画笔可以理解为显示界面上，绘制的轨迹的样式，画笔可以包括多种画笔属性，例如：绘制颜色、绘制模式(包括：填充内容、描边等)、绘制透明度、绘制连接处样式、绘制宽度、绘制线帽等。在步骤109确定了目标画笔后，可以在操作位置的坐标处按照目标画笔的画笔属性绘制图像，此时，显示界面上操作位置的坐标处能够按照画笔属性显示绘制的轨迹。以用户选择的目标模板图像对应的绘制区域为心形(虚线围成的区域)，预设条件为用户输入操作对应的操作位置位于绘制区域内，目标画笔为太阳画笔来举例，那么显示界面上显示出的绘制的轨迹可以如图5b所示，可以得到一个用太阳填充的心形图像。

图6a是根据一示例性实施例示出的另一种图像的绘制方法的流程图，如图6a所示，目标模板为可缩放矢量图形svg文件，步骤107可以包括：

步骤1071，对目标模板按照xml格式进行解析，以得到目标模板的路径信息，和路径信息中每个路径的颜色。

步骤1072，在显示界面上，根据路径信息和每个路径的颜色显示目标模板图像。

具体的，目标模板可以是svg文件，终端设备在确定目标模板后，首先对目标模板按照xml(英文：extensiblemarkuplanguage，中文：可扩展标记语言)格式进行解析，以得到目标模板中包含的路径信息，和路径信息中包括的多个路径(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中的程序而执行各种适当的动作和处理。在ram303中，还存储有电子设备300操作所需的各种程序和数据。处理装置301、rom302以及ram303通过总线304彼此相连。输入/输出(i/o)接口305也连接至总线304。

通常，以下装置可以连接至i/o接口305：包括例如触摸屏、触摸板、键盘、鼠标、摄像头、麦克风、加速度计、陀螺仪等的输入装置306。包括例如液晶显示器(lcd)、扬声器、振动器等的输出装置307；包括例如磁带、硬盘等的存储装置308；以及通信装置309。通信装置309可以允许电子设备300与其他设备进行无线或有线通信以交换数据。虽然图13示出了具有各种装置的电子设备300，但是应理解的是，并不要求实施或具备所有示出的装置。可以替代地实施或具备更多或更少的装置。

特别地，根据本公开的实施例，上文参考流程图描述的过程可以被实现为计算机软件程序。例如，本公开的实施例包括一种计算机程序产品，其包括承载在非暂态计算机可读介质上的计算机程序，该计算机程序包含用于执行流程图所示的方法的程序代码。在这样的实施例中，该计算机程序可以通过通信装置309从网络上被下载和安装，或者从存储装置308被安装，或者从rom302被安装。在该计算机程序被处理装置301执行时，执行本公开实施例的方法中限定的上述功能。

需要说明的是，本公开上述的计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质或者是上述两者的任意组合。计算机可读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的系统、装置或器件，或者任意以上的组合。计算机可读存储介质的更具体的例子可以包括但不限于：具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机访问存储器(ram)、只读存储器(rom)、可擦式可编程只读存储器(eprom或闪存)、光纤、便携式紧凑磁盘只读存储器(cd-rom)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本公开中，计算机可读存储介质可以是任何包含或存储程序的有形介质，该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。而在本公开中，计算机可读信号介质可以包括在基带中或者作为载波一部分传播的数据信号，其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式，包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读信号介质还可以是计算机可读存储介质以外的任何计算机可读介质，该计算机可读信号介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。计算机可读介质上包含的程序代码可以用任何适当的介质传输，包括但不限于：电线、光缆、rf(射频)等等，或者上述的任意合适的组合。

在一些实施方式中，终端设备、服务器可以利用诸如http(hypertexttransferprotocol，超文本传输协议)之类的任何当前已知或未来研发的网络协议进行通信，并且可以与任意形式或介质的数字数据通信(例如，通信网络)互连。通信网络的示例包括局域网(“lan”)，广域网(“wan”)，网际网(例如，互联网)以及端对端网络(例如，adhoc端对端网络)，以及任何当前已知或未来研发的网络。

上述计算机可读介质可以是上述电子设备中所包含的；也可以是单独存在，而未装配入该电子设备中。

上述计算机可读介质承载有一个或者多个程序，当上述一个或者多个程序被该电子设备执行时，使得该电子设备：根据显示界面确定目标模板图像对应的绘制区域；根据所述显示界面获取用户输入操作；响应于确定所述用户输入操作对应的操作位置与所述绘制区域满足预设条件，根据所述操作位置绘制图像。

可以以一种或多种程序设计语言或其组合来编写用于执行本公开的操作的计算机程序代码，上述程序设计语言包括但不限于面向对象的程序设计语言—诸如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中所述方法的步骤。

以上描述仅为本公开的较佳实施例以及对所运用技术原理的说明。本领域技术人员应当理解，本公开中所涉及的公开范围，并不限于上述技术特征的特定组合而成的技术方案，同时也应涵盖在不脱离上述公开构思的情况下，由上述技术特征或其等同特征进行任意组合而形成的其它技术方案。例如上述特征与本公开中公开的(但不限于)具有类似功能的技术特征进行互相替换而形成的技术方案。

此外，虽然采用特定次序描绘了各操作，但是这不应当理解为要求这些操作以所示出的特定次序或以顺序次序执行来执行。在一定环境下，多任务和并行处理可能是有利的。同样地，虽然在上面论述中包含了若干具体实现细节，但是这些不应当被解释为对本公开的范围的限制。在单独的实施例的上下文中描述的某些特征还可以组合地实现在单个实施例中。相反地，在单个实施例的上下文中描述的各种特征也可以单独地或以任何合适的子组合的方式实现在多个实施例中。

尽管已经采用特定于结构特征和/或方法逻辑动作的语言描述了本主题，但是应当理解所附权利要求书中所限定的主题未必局限于上面描述的特定特征或动作。相反，上面所描述的特定特征和动作仅仅是实现权利要求书的示例形式。关于上述实施例中的装置，其中各个模块执行操作的具体方式已经在有关该方法的实施例中进行了详细描述，此处将不做详细阐述说明。