《图像的绘制方法、装置、可读介质和电子设备.pdf》由会员分享，可在线阅读，更多相关《图像的绘制方法、装置、可读介质和电子设备.pdf（25页珍藏版）》请在专利查询网上搜索。
1、(19)中华人民共和国国家知识产权局 (12)发明专利申请 (10)申请公布号 (43)申请公布日 (21)申请号 202010162713.3 (22)申请日 2020.03.10 (71)申请人 北京字节跳动网络技术有限公司 地址 100041 北京市石景山区实兴大街30 号院3号楼2层B-0035房间 (72)发明人 高士奇 (74)专利代理机构 北京英创嘉友知识产权代理 事务所(普通合伙) 11447 代理人 魏云鹿 (51)Int.Cl. G06F 3/0484(2013.01) (54)发明名称 图像的绘制方法、 装置、 可读介质和电子设 备 (57)摘要 本公开涉及一种图像的绘制。
2、方法、 装置、 可 读介质和电子设备， 该方法涉及图像处理技术领 域， 包括： 根据显示界面确定目标模板图像对应 的绘制区域， 根据显示界面获取用户输入操作， 响应于确定用户输入操作对应的操作位置与绘 制区域满足预设条件， 根据操作位置绘制图像。 本公开当用户在显示界面上进行用户输入操作 时， 通过目标模板图像对应的绘制区域， 限制仅 在操作位置与绘制区域满足预设条件的情况下 绘制图像， 从而辅助用户按照目标模板图像进行 图像的绘制， 提高了图像绘制的准确度和效率。 权利要求书2页 说明书12页 附图10页 CN 111399729 A 2020.07.10 CN 111399729 A 1.。
3、一种图像的绘制方法， 其特征在于， 所述方法包括： 根据显示界面确定目标模板图像对应的绘制区域； 根据所述显示界面获取用户输入操作； 响应于确定所述用户输入操作对应的操作位置与所述绘制区域满足预设条件， 根据所 述操作位置绘制图像。 2.根据权利要求1所述的方法， 其特征在于， 所述方法还包括： 响应于确定所述用户输入操作对应的操作位置与所述绘制区域不满足所述预设条件， 忽略所述用户输入操作。 3.根据权利要求1或2所述的方法， 其特征在于， 所述预设条件包括如下中的一个或多 个： 所述用户输入操作对应的操作位置位于所述绘制区域内； 所述用户输入操作对应的操作位置位于所述绘制区域外； 所述用户。
4、输入操作对应的操作位置与所述绘制区域的边缘重叠。 4.根据权利要求1所述的方法， 其特征在于， 在所述根据显示界面确定目标模板图像对 应的绘制区域之前， 所述方法还包括： 根据所述显示界面获取第一选择指令； 根据所述第一选择指令， 确定目标模板； 在所述显示界面上显示所述目标模板指示的所述目标模板图像。 5.根据权利要求4所述的方法， 其特征在于， 所述根据所述第一选择指令， 确定目标模 板， 包括： 在预设的多个模板中， 确定所述第一选择指令指示的所述目标模板； 或者， 接收由服务器发送的， 所述第一选择指令指示的所述目标模板； 或者， 确定所述第一选择指令指示的本地图像， 并根据所述本地图。
5、像生成所述目标模板。 6.根据权利要求1所述的方法， 其特征在于， 在所述响应于确定所述用户输入操作对应 的操作位置与所述绘制区域满足预设条件， 根据所述操作位置绘制图像之前， 所述方法还 包括： 根据所述显示界面获取第二选择指令； 在预设的多个画笔中， 确定所述第二选择指令指示的目标画笔； 所述根据所述操作位置绘制图像， 包括： 根据所述操作位置， 按照所述目标画笔绘制图像。 7.根据权利要求4所述的方法， 其特征在于， 所述目标模板为可缩放矢量图形SVG文件， 所述在所述显示界面上显示所述目标模板指示的所述目标模板图像， 包括： 对所述目标模板按照可扩展标记语言XML格式进行解析， 以得到。
6、所述目标模板的所述 路径信息， 和所述路径信息中每个路径的颜色； 在所述显示界面上， 根据所述路径信息和每个所述路径的颜色显示所述目标模板图 像。 8.根据权利要求7所述的方法， 其特征在于， 所述根据显示界面确定目标模板图像对应 的绘制区域， 包括： 根据所述路径信息， 在所述显示界面上确定所述绘制区域， 所述绘制区域为至少一个 权利要求书 1/2 页 2 CN 111399729 A 2 所述路径组成的封闭区域。 9.根据权利要求1所述的方法， 其特征在于， 所述方法还包括： 响应于确定所述用户输入操作对应的操作位置与所述绘制区域满足预设条件， 将所述 操作位置和所述用户输入操作的执行时间。
7、作为执行记录进行保存； 将所述执行记录发送至指定终端设备， 以使所述指定终端设备按照所述执行记录中的 所述执行时间指示的顺序， 在所述指定终端设备的显示界面上， 根据所述执行记录中的所 述操作位置绘制图像。 10.一种图像的绘制装置， 其特征在于， 所述装置包括： 区域确定模块， 用于根据显示界面确定目标模板图像对应的绘制区域； 获取模块， 用于根据显示界面获取用户输入操作； 处理模块， 用于响应于确定所述用户输入操作对应的操作位置与所述绘制区域满足预 设条件， 根据所述操作位置绘制图像。 11.一种计算机可读介质， 其上存储有计算机程序， 其特征在于， 该程序被处理装置执 行时实现权利要求1。
8、-9中任一项所述方法的步骤。 12.一种电子设备， 其特征在于， 包括： 存储装置， 其上存储有计算机程序； 处理装置， 用于执行所述存储装置中的所述计算机程序， 以实现权利要求1-9中任一项 所述方法的步骤。 权利要求书 2/2 页 3 CN 111399729 A 3 图像的绘制方法、 装置、 可读介质和电子设备 技术领域 0001 本公开涉及图像处理技术领域， 具体地， 涉及一种图像的绘制方法、 装置、 可读介 质和电子设备。 背景技术 0002 随着电子信息技术和图像处理技术的不断发展， 终端设备上所能提供的图像处理 操作越来越丰富。 为了给用户增加各种互动体验， 用户可以在终端设备的。
9、显示界面上通过 点击或者滑动等操作， 绘制各种图像， 显示界面上能够实时展示出用户的绘制过程和绘制 出的图像。 例如可以绘制心形、 闪电形、 礼物盒等图像。 但是由于用户个人的绘画水平参差 不齐， 绘制出的图像可能与期望的图像存在较大的差别， 无法表达用户的实际意图。 发明内容 0003 提供该发明内容部分以便以简要的形式介绍构思， 这些构思将在后面的具体实施 方式部分被详细描述。 该发明内容部分并不旨在标识要求保护的技术方案的关键特征或必 要特征， 也不旨在用于限制所要求的保护的技术方案的范围。 0004 第一方面， 本公开提供一种图像的绘制方法， 所述方法包括： 0005 根据显示界面确定。
10、目标模板图像对应的绘制区域； 0006 根据所述显示界面获取用户输入操作； 0007 响应于确定所述用户输入操作对应的操作位置与所述绘制区域满足预设条件， 根 据所述操作位置绘制图像。 0008 第二方面， 本公开提供一种图像的绘制装置， 所述装置包括： 0009 区域确定模块， 用于根据显示界面确定目标模板图像对应的绘制区域； 0010 获取模块， 用于根据显示界面获取用户输入操作； 0011 处理模块， 用于响应于确定所述用户输入操作对应的操作位置与所述绘制区域满 足预设条件， 根据所述操作位置绘制图像。 0012 第三方面， 本公开提供一种计算机可读介质， 其上存储有计算机程序， 该程序。
11、被处 理装置执行时实现本公开第一方面所述方法的步骤。 0013 第四方面， 本公开提供一种电子设备， 包括： 0014 存储装置， 其上存储有计算机程序； 0015 处理装置， 用于执行所述存储装置中的所述计算机程序， 以实现本公开第一方面 所述方法的步骤。 0016 通过上述技术方案， 本公开首先根据显示界面确定目标模板图像对应的绘制区 域， 然后获取用户在显示界面上进行的用户输入操作， 之后响应于确定用户输入操作对应 的操作位置与绘制区域满足预设条件， 根据操作位置绘制图像。 本公开当用户在显示界面 上进行用户输入操作时， 通过目标模板图像对应的绘制区域， 限制仅在操作位置与绘制区 域满足。
12、预设条件的情况下绘制图像， 从而辅助用户按照目标模板图像进行图像的绘制， 提 说明书 1/12 页 4 CN 111399729 A 4 高了图像绘制的准确度和效率。 0017 本公开的其他特征和优点将在随后的具体实施方式部分予以详细说明。 附图说明 0018 结合附图并参考以下具体实施方式， 本公开各实施例的上述和其他特征、 优点及 方面将变得更加明显。 贯穿附图中， 相同或相似的附图标记表示相同或相似的元素。 应当理 解附图是示意性的， 原件和元素不一定按照比例绘制。 0019 在附图中： 0020 图1是一种终端设备与服务器部署的示意图； 0021 图2是根据一示例性实施例示出的一种图像。
13、的绘制方法的流程图； 0022 图3是根据一示例性实施例示出的另一种图像的绘制方法的流程图； 0023 图4是根据一示例性实施例示出的另一种图像的绘制方法的流程图； 0024 图5a是根据一示例性实施例示出的另一种图像的绘制方法的流程图； 0025 图5b是根据一示例性实施例示出的一种图像的绘制示意图； 0026 图6a是根据一示例性实施例示出的另一种图像的绘制方法的流程图； 0027 图6b是根据一示例性实施例示出的一种绘制区域的示意图； 0028 图7是根据一示例性实施例示出的另一种图像的绘制方法的流程图； 0029 图8是根据一示例性实施例示出的一种图像的绘制装置的框图； 0030 图9。
14、是根据一示例性实施例示出的另一种图像的绘制装置的框图； 0031 图10是根据一示例性实施例示出的另一种图像的绘制装置的框图； 0032 图11是根据一示例性实施例示出的另一种图像的绘制装置的框图； 0033 图12是根据一示例性实施例示出的另一种图像的绘制装置的框图； 0034 图13是根据一示例性实施例示出的一种电子设备的结构示意图。 具体实施方式 0035 下面将参照附图更详细地描述本公开的实施例。 虽然附图中显示了本公开的某些 实施例， 然而应当理解的是， 本公开可以通过各种形式来实现， 而且不应该被解释为限于这 里阐述的实施例， 相反提供这些实施例是为了更加透彻和完整地理解本公开。 。
15、应当理解的 是， 本公开的附图及实施例仅用于示例性作用， 并非用于限制本公开的保护范围。 0036 应当理解， 本公开的方法实施方式中记载的各个步骤可以按照不同的顺序执行， 和/或并行执行。 此外， 方法实施方式可以包括附加的步骤和/或省略执行示出的步骤。 本公 开的范围在此方面不受限制。 0037 本文使用的术语 “包括” 及其变形是开放性包括， 即 “包括但不限于” 。 术语 “基于” 是 “至少部分地基于” 。 术语 “一个实施例” 表示 “至少一个实施例” ； 术语 “另一实施例” 表示 “至少一个另外的实施例” ； 术语 “一些实施例” 表示 “至少一些实施例” 。 其他术语的相关定。
16、 义将在下文描述中给出。 0038 需要注意， 本公开中提及的 “第一” 、“第二” 等概念仅用于对不同的装置、 模块或单 元进行区分， 并非用于限定这些装置、 模块或单元所执行的功能的顺序或者相互依存关系。 0039 需要注意， 本公开中提及的 “一个” 、“多个” 的修饰是示意性而非限制性的， 本领域 说明书 2/12 页 5 CN 111399729 A 5 技术人员应当理解， 除非在上下文另有明确指出， 否则应该理解为 “一个或多个” 。 0040 本公开实施方式中的多个装置之间所交互的消息或者信息的名称仅用于说明性 的目的， 而并不是用于对这些消息或信息的范围进行限制。 0041 在。
17、介绍本公开提供的图像的绘制方法、 装置、 可读介质和电子设备之前， 首先对本 公开各个实施例所涉及的应用场景进行介绍。 该应用场景可以包括终端设备和服务器， 终 端设备和服务器之间可以进行数据传输。 其中， 终端设备可以包括但不限于诸如移动电话、 笔记本电脑、 数字广播接收器、 PDA(个人数字助理)、 PAD(平板电脑)、 PMP(便携式多媒体播 放器)、 车载终端(例如车载导航终端)等等的移动终端以及诸如数字TV、 台式计算机等等的 固定终端。 服务器可以包括但不限于： 实体服务器， 服务器集群或云端服务器等。 在具体的 实现场景中， 可以包括一个或多个终端设备， 一个或多个服务器， 如图。
18、1所示， 多个终端设备 之间可以通过服务器进行数据传输， 以实现每个终端设备上显示同步的内容。 本公开所提 供的实施例中， 执行主体可以为上述任一终端设备。 0042 图2是根据一示例性实施例示出的一种图像的绘制方法的流程图， 如图2所示， 该 方法包括以下步骤： 0043 步骤101， 根据显示界面确定目标模板图像对应的绘制区域。 0044 举例来说， 终端设备上当前运行有带有绘制图像等互动功能的APP(英文： Application， 中文： 应用程序)， 例如： 视频播放软件、 直播软件、 即时通信软件等。 终端设备 的显示界面上显示有该APP当前展示的画面。 用户如果需要在显示界面上绘。
19、制图像， 可以通 过下发指令的方式在终端设备上选择指定的目标模板。 之后终端设备根据目标模板指示的 目标模板图像， 确定目标模板图像对应的， 在显示界面上的绘制区域。 可以理解为， 根据目 标模板图像和显示界面的坐标系， 确定绘制区域在显示界面上的坐标范围。 与此同时， 还可 以将目标模板指示的目标模板图像显示在显示界面上， 以供用户查看。 可以理解为， 目标模 板中包含有目标模板图像的全部信息， 可以根据目标模板， 对目标模板图像进行显示。 目标 模板例如可以是各种格式的图像文件， 也可以是二进制文件等。 0045 目标模板图像中可以包括有多个路径(可以理解为线条)， 可以将多个路径按照是 。
20、否封闭进行划分， 以得到一个或者多个封闭的绘制区域。 目标模板图像例如可以为包含两 个心形的图像， 那么绘制区域可以为目标模板图像显示在显示界面上时， 两个心形所在的 区域。 目标模板图像还可以为包含一个闪电形的图像， 那么绘制区域可以为目标模板图像 显示在显示界面上时， 这个闪电形所在的区域。 0046 步骤102， 根据显示界面获取用户输入操作。 0047 示例的， 用户要在显示界面上绘制图像， 可以通过触摸的方式在显示界面上进行 用户输入操作。 其中， 用户输入操作可以为单击、 双击、 滑动、 拖拽、 长按等操作， 可以由APP 预先设置， 也可以根据用户的具体需求来指定， 本公开对此不。
21、做具体限定。 终端设备检测到 显示界面上存在用户输入操作时， 能够确定用户输入操作发生的操作位置。 操作位置可以 理解为用户输入操作在显示界面上的坐标。 根据不同的用户输入操作， 和不同显示界面的 灵敏度， 操作位置可以包括一个坐标， 也可以包括多个坐标(即一个坐标范围)。 0048 步骤103， 响应于确定用户输入操作对应的操作位置与绘制区域满足预设条件， 根 据操作位置绘制图像。 0049 示例的， 为了辅助用户能够画出与期望的图像(即目标模板图像)一致的图像， 可 说明书 3/12 页 6 CN 111399729 A 6 以根据用户输入操作对应的操作位置与绘制区域是否满足预设条件， 来。
22、确定是否对用户输 入操作进行响应。 预设条件可以用于限制操作位置与绘制区域之间的位置关系。 0050 例如预设条件可以是： 操作位置位于绘制区域内， 或者操作位置位于绘制区域外， 还可以是操作位置与绘制区域的边缘重叠， 还可以是以上三种预设条件中的任意组合。 其 中， 绘制区域的边缘可以是由一系列坐标组成的， 操作位置与绘制区域的边缘重合， 可以理 解为绘制区域的边缘的坐标与操作位置的坐标重合。 以预设条件为操作位置位于绘制区域 内来举例， 若操作位置与绘制区域满足预设条件， 即操作位置的坐标位于绘制区域内， 那么 可以对用户输入操作做出响应， 根据操作位置在显示界面上绘制图像， 此时， 显示。
23、界面上操 作位置的坐标处能够显示绘制的轨迹。 这样， 不需要对绘画水平设置门槛， 用户就能准确、 快速得绘制出与期望的图像一致的图像， 提高了图像绘制的准确度和效率， 提高了用户的 互动体验。 0051 综上所述， 本公开首先根据显示界面确定目标模板图像对应的绘制区域， 然后获 取用户在显示界面上进行的用户输入操作， 之后响应于确定用户输入操作对应的操作位置 与绘制区域满足预设条件， 根据操作位置绘制图像。 本公开当用户在显示界面上进行用户 输入操作时， 通过目标模板图像对应的绘制区域， 限制仅在操作位置与绘制区域满足预设 条件的情况下绘制图像， 从而辅助用户按照目标模板图像进行图像的绘制， 。
24、提高了图像绘 制的准确度和效率。 0052 图3是根据一示例性实施例示出的一种图像的绘制方法的流程图， 如图3所示， 该 方法还包括： 0053 步骤104， 响应于确定用户输入操作对应的操作位置与绘制区域不满足预设条件， 忽略用户输入操作。 0054 示例的， 若操作位置与绘制区域不满足预设条件， 那么可以忽略用户输入操作， 即 不对用户输入操作做出任何响应， 相应的， 显示界面上不会出现绘制的轨迹。 以预设条件为 操作位置位于绘制区域内来举例， 若操作位置位于绘制区域外部， 或者操作位置与绘制区 域的边缘重叠， 那么显示界面上不会出现绘制的轨迹。 需要说明的是， 当操作位置为一个坐 标范围。
25、时， 可能出现操作位置中的一部分坐标位于绘制区域内， 另一部分位于绘制区域外 (或者与绘制区域的边缘重叠)的情况， 那么可以仅在位于绘制区域内的部分坐标指示的位 置处绘制图像， 即位于绘制区域内的部分坐标指示的位置处能够显示绘制的轨迹， 在位于 绘制区域外(或者与绘制区域的边缘重叠)的部分坐标指示的位置处不显示绘制轨迹。 0055 图4是根据一示例性实施例示出的一种图像的绘制方法的流程图， 如图4所示， 在 步骤101之前， 该方法还包括： 0056 步骤105， 根据显示界面获取第一选择指令。 0057 步骤106， 根据第一选择指令， 确定目标模板。 0058 步骤107， 在显示界面上显。
26、示目标模板指示的目标模板图像。 0059 在具体的使用场景中， 用户在显示界面上下发第一选择指令来选择目标模板， 从 而在显示界面上显示目标模板图像。 例如， 用户可以在显示界面上执行指定的操作， 例如单 击、 双击、 滑动等操作， 来下发第一选择指令。 0060 具体的， 步骤106的实现方式可以包括以下三种方式中的任一种： 0061 方式一， 在预设的多个模板中， 确定第一选择指令指示的目标模板。 说明书 4/12 页 7 CN 111399729 A 7 0062 示例的， 终端设备的显示界面上显示有多个预先存储的模板， 用户可以通过点击 不同的模板来触发第一选择指令， 用户点击的模板即。
27、为目标模板。 0063 方式二， 接收由服务器发送的， 第一选择指令指示的目标模板。 0064 受限于终端设备的存储空间， 和APP的版本， 终端设备上存储的模板有限， 为了进 一步满足用户的需求， 可以接收由服务器发送的目标模板。 例如， 用户可以在APP中， 点击 “更新模板” 或者 “下载模板” 等按钮触发第一选择指令， 以使终端设备向服务器请求目标模 板， 然后由服务器将目标模板发送至终端设备。 0065 方式三， 确定第一选择指令指示的本地图像， 并根据本地图像生成目标模板。 0066 在另一种实现方式中， 用户可能存在自己定义目标模板的需求， 因此用户可以在 终端设备的本地图库中，。
28、 点击不同的本地图像来触发第一选择指令。 然后可以按照预设的 规则对本地图像进行处理， 提取出本地图像中的图像信息， 作为目标模板。 本地图像例如可 以是jpg文件， 可以先对本地图像进行边缘识别、 颜色识别或者物体语义识别， 以识别出本 地图像中的指定区域， 然后将指定区域内的图像信息进行格式转换， 转换为SVG(英文： Scalable Vector Graphics， 中文： 可缩放的矢量图形)文件， 并将这个SVG文件作为目标模 板。 例如， 本地图像是一幅包含汽车的图像， 可以先对本地图像进行物体语义识别， 以识别 出汽车所在的区域， 然后将这个区域内包含的图像信息(像素点的坐标、 。
29、颜色等)进行格式 转换， 转换为SVG文件， 作为目标模板， 那么根据这个目标模板， 可以得到汽车图像(即目标 模板图像)。 0067 图5a是根据一示例性实施例示出的另一种图像的绘制方法的流程图， 如图5a所 示， 在步骤103之前， 该方法还包括： 0068 步骤108， 根据显示界面获取第二选择指令。 0069 步骤109， 在预设的多个画笔中， 确定第二选择指令指示的目标画笔。 0070 相应的， 步骤103的实现方式可以为： 0071 根据操作位置， 按照目标画笔绘制图像。 0072 举例来说， 用户在进行用户输入操作之前， 还可以在显示界面上下发第二选择指 令来设置不同的画笔(Pa。
30、int)。 终端设备上可以显示有多个预先存储的画笔， 用户通过点击 不同的画笔来触发第二选择指令， 用户选择的画笔即为目标画笔。 其中， 画笔可以理解为显 示界面上， 绘制的轨迹的样式， 画笔可以包括多种画笔属性， 例如： 绘制颜色、 绘制模式(包 括： 填充内容、 描边等)、 绘制透明度、 绘制连接处样式、 绘制宽度、 绘制线帽等。 在步骤109确 定了目标画笔后， 可以在操作位置的坐标处按照目标画笔的画笔属性绘制图像， 此时， 显示 界面上操作位置的坐标处能够按照画笔属性显示绘制的轨迹。 以用户选择的目标模板图像 对应的绘制区域为心形(虚线围成的区域)， 预设条件为用户输入操作对应的操作位。
31、置位于 绘制区域内， 目标画笔为太阳画笔来举例， 那么显示界面上显示出的绘制的轨迹可以如图 5b所示， 可以得到一个用太阳填充的心形图像。 0073 图6a是根据一示例性实施例示出的另一种图像的绘制方法的流程图， 如图6a所 示， 目标模板为可缩放矢量图形SVG文件， 步骤107可以包括： 0074 步骤1071， 对目标模板按照XML格式进行解析， 以得到目标模板的路径信息， 和路 径信息中每个路径的颜色。 0075 步骤1072， 在显示界面上， 根据路径信息和每个路径的颜色显示目标模板图像。 说明书 5/12 页 8 CN 111399729 A 8 0076 具体的， 目标模板可以是S。
32、VG文件， 终端设备在确定目标模板后， 首先对目标模板 按照XML(英文： Extensible Markup Language， 中文： 可扩展标记语言)格式进行解析， 以得 到目标模板中包含的路径信息， 和路径信息中包括的多个路径(Path)中每个路径对应的颜 色。 进一步的， 还可以将每个路径对应的颜色的代码， 由SVG文件中的三位颜色代码， 转换为 六位颜色代码， 以便于终端设备进行显示。 最后， 根据路径信息和每个路径的颜色， 显示目 标模板图像。 0077 相应的， 步骤101可以包括： 0078 根据路径信息， 在显示界面上确定绘制区域， 绘制区域为至少一个路径组成的封 闭区域。。
33、 0079 示例的， 在步骤1071中， 得到了目标模板包括的路径信息， 那么可以根据路径信息 中包括的全部路径， 判断全部路径能够将目标模板图像划分为几个封闭区域， 然后将这些 封闭区域作为绘制区域。 如图6b所示， 路径信息中包括了路径A、 路径B和路径C， A、 B、 C首尾 相连， 能够组成一个封闭区域， 那么可以将A、 B、 C组成的区域中作为绘制区域。 0080 图7是根据一示例性实施例示出的另一种图像的绘制方法的流程图， 如图7所示， 该方法还包括： 0081 步骤110， 响应于确定用户输入操作对应的操作位置与绘制区域满足预设条件， 将 操作位置和用户输入操作的执行时间作为执行。
34、记录进行保存。 0082 步骤111， 将执行记录发送至指定终端设备， 以使指定终端设备按照执行记录中的 执行时间指示的顺序， 在指定终端设备的显示界面上， 根据执行记录中的操作位置绘制图 像。 0083 举例来说， 为了进一步增加用户的互动体验， 还可以将上述实施例中图像的绘制 过程发送至指定终端设备， 以使指定终端设备上也能看到图像的绘制过程。 其中， 指定终端 设备可以是除执行上述图像的绘制方法的当前终端设备之外的任一终端设备。 以当前终端 设备上运行的APP为直播APP来举例， 那么指定终端设备可以是和当前终端设备处于同一直 播间内的任一终端设备， 包括该直播间的主播使用的终端设备， 。
35、还可以包括该直播间的观 众使用的终端设备。 0084 具体的， 在用户进行用户输入操作时， 可以记录每一次进行用户输入操作的操作 位置， 和该次用户输入操作的执行时间， 然后将操作位置和对应的执行时间作为一条执行 记录进行保存。 执行记录中还可以包括用于指示目标画笔的画笔信息， 用以指示此次绘制 的轨迹的样式。 可以在用户在显示界面上触发发送指令后， 将全部得到的执行记录发送至 指定终端设备， 例如， 用户可以在不再进行用户输入操作(即停止绘制)之后， 点击显示界面 上的 “发送” 按钮， 以触发发送指令。 也可以每保存一条执行记录， 就将该条执行记录发送至 指定终端设备。 指定终端设备在接收。
36、到执行记录之后， 可以按照执行记录中的执行时间指 示的先后顺序， 在指定终端设备的显示界面上， 执行记录中的操作位置指示的位置处绘制 图像。 这样， 使得指定终端设备的用户也能够观看到当前终端设备的绘制过程， 提高了用户 的互动体验。 0085 例如， 某一直播间内的观众想给该直播间的主播发送心形图像， 那么可以在智能 手机上选择心形图像对应的模板， 并选择礼物icon(图标)作为画笔。 那么绘制区域为心形， 该用户在显示界面上进行滑动(即用户输入操作)时， 如果滑动到绘制区域以内， 会按照礼 说明书 6/12 页 9 CN 111399729 A 9 物icon在相应的操作位置处绘制图像。 。
37、绘制完毕得到一个用礼物icon填充的心形图像， 用 户点击 “发送” 按钮， 将绘制过程中的执行记录发送至该直播间内的每个终端设备， 每个终 端设备的显示界面上都可以显示这个心形图像的绘制过程。 0086 综上所述， 本公开首先根据显示界面确定目标模板图像对应的绘制区域， 然后获 取用户在显示界面上进行的用户输入操作， 之后响应于确定用户输入操作对应的操作位置 与绘制区域满足预设条件， 根据操作位置绘制图像。 本公开当用户在显示界面上进行用户 输入操作时， 通过目标模板图像对应的绘制区域， 限制仅在操作位置与绘制区域满足预设 条件的情况下绘制图像， 从而辅助用户按照目标模板图像进行图像的绘制，。
38、 提高了图像绘 制的准确度和效率。 0087 图8是根据一示例性实施例示出的一种图像的绘制装置的框图， 如图8所示， 该装 置200包括： 0088 区域确定模块201， 用于根据显示界面确定目标模板图像对应的绘制区域。 0089 获取模块202， 用于根据显示界面获取用户输入操作。 0090 处理模块203， 用于响应于确定用户输入操作对应的操作位置与绘制区域满足预 设条件， 根据操作位置绘制图像。 0091 进一步的， 处理模块203还用于： 0092 响应于确定用户输入操作对应的操作位置与绘制区域不满足预设条件， 忽略用户 输入操作。 0093 其中， 预设条件包括如下中的一个或多个： 。
39、0094 用户输入操作对应的操作位置位于绘制区域内。 0095 用户输入操作对应的操作位置位于绘制区域外。 0096 用户输入操作对应的操作位置与绘制区域的边缘重叠。 0097 图9是根据一示例性实施例示出的另一种图像的绘制装置的框图， 如图9所示， 获 取模块202， 还用于在确定目标模板图像对应的绘制区域之前， 根据显示界面获取第一选择 指令。 0098 该装置200还包括： 0099 模板确定模块204， 用于根据第一选择指令， 确定目标模板。 0100 显示模块205， 在显示界面上显示目标模板指示的目标模板图像。 0101 可选地， 模板确定模块204可以用于执行以下任一种步骤： 0。
40、102 步骤1)在预设的多个模板中， 确定第一选择指令指示的目标模板。 或者， 0103 步骤2)接收由服务器发送的， 第一选择指令指示的目标模板。 或者， 0104 步骤3)确定第一选择指令指示的本地图像， 并根据本地图像生成目标模板。 0105 图10是根据一示例性实施例示出的另一种图像的绘制装置的框图， 如图10所示， 获取模块202， 还用于在响应于确定用户输入操作对应的操作位置与绘制区域满足预设条 件， 根据操作位置绘制图像之前， 根据显示界面获取第二选择指令。 0106 该装置200还包括： 0107 画笔确定模块206， 用于确定第二选择指令指示的目标画笔。 0108 相应的， 。
41、处理模块203， 用于根据操作位置， 按照目标画笔绘制图像。 0109 图11是根据一示例性实施例示出的另一种图像的绘制装置的框图， 如图11所示， 说明书 7/12 页 10 CN 111399729 A 10 标模板为可缩放矢量图形SVG文件， 显示模块205包括： 0110 解析子模块2051， 用于对目标模板按照可扩展标记语言XML格式进行解析， 以得到 目标模板的路径信息， 和路径信息中每个路径的颜色。 0111 显示子模块2052， 用于在显示界面上， 根据路径信息和每个路径的颜色显示目标 模板图像。 0112 相应的， 区域确定模块201用于： 0113 根据路径信息， 在显示界。
42、面上确定绘制区域， 绘制区域为至少一个路径组成的封 闭区域。 0114 图12是根据一示例性实施例示出的另一种图像的绘制装置的框图， 如图12所示， 该装置200还包括： 0115 保存模块207， 用于响应于确定用户输入操作对应的操作位置与绘制区域满足预 设条件， 将操作位置和用户输入操作的执行时间作为执行记录进行保存。 0116 发送模块208， 用于将执行记录发送至指定终端设备， 以使指定终端设备按照执行 记录中的执行时间指示的顺序， 在指定终端设备的显示界面上， 根据执行记录中的操作位 置绘制图像。 0117 关于上述实施例中的装置， 其中各个模块执行操作的具体方式已经在有关该方法 的。
43、实施例中进行了详细描述， 此处将不做详细阐述说明。 0118 综上所述， 本公开首先根据显示界面确定目标模板图像对应的绘制区域， 然后获 取用户在显示界面上进行的用户输入操作， 之后响应于确定用户输入操作对应的操作位置 与绘制区域满足预设条件， 根据操作位置绘制图像。 本公开当用户在显示界面上进行用户 输入操作时， 通过目标模板图像对应的绘制区域， 限制仅在操作位置与绘制区域满足预设 条件的情况下绘制图像， 从而辅助用户按照目标模板图像进行图像的绘制， 提高了图像绘 制的准确度和效率。 0119 下面参考图13， 其示出了适于用来实现本公开实施例的电子设备(例如图1中的终 端设备或服务器)30。
44、0的结构示意图。 本公开实施例中的终端设备可以包括但不限于诸如移 动电话、 笔记本电脑、 数字广播接收器、 PDA(个人数字助理)、 PAD(平板电脑)、 PMP(便携式多 媒体播放器)、 车载终端(例如车载导航终端)等等的移动终端以及诸如数字TV、 台式计算机 等等的固定终端。 图13示出的电子设备仅仅是一个示例， 不应对本公开实施例的功能和使 用范围带来任何限制。 0120 如图13所示， 电子设备300可以包括处理装置(例如中央处理器、 图形处理器等) 301， 其可以根据存储在只读存储器(ROM)302中的程序或者从存储装置308加载到随机访问 存储器(RAM)303中的程序而执行各种。
45、适当的动作和处理。 在RAM 303中， 还存储有电子设备 300操作所需的各种程序和数据。 处理装置301、 ROM 302以及RAM 303通过总线304彼此相 连。 输入/输出(I/O)接口305也连接至总线304。 0121 通常， 以下装置可以连接至I/O接口305： 包括例如触摸屏、 触摸板、 键盘、 鼠标、 摄 像头、 麦克风、 加速度计、 陀螺仪等的输入装置306。 包括例如液晶显示器(LCD)、 扬声器、 振 动器等的输出装置307； 包括例如磁带、 硬盘等的存储装置308； 以及通信装置309。 通信装置 309可以允许电子设备300与其他设备进行无线或有线通信以交换数据。。
46、 虽然图13示出了具 有各种装置的电子设备300， 但是应理解的是， 并不要求实施或具备所有示出的装置。 可以 说明书 8/12 页 11 CN 111399729 A 11 替代地实施或具备更多或更少的装置。 0122 特别地， 根据本公开的实施例， 上文参考流程图描述的过程可以被实现为计算机 软件程序。 例如， 本公开的实施例包括一种计算机程序产品， 其包括承载在非暂态计算机可 读介质上的计算机程序， 该计算机程序包含用于执行流程图所示的方法的程序代码。 在这 样的实施例中， 该计算机程序可以通过通信装置309从网络上被下载和安装， 或者从存储装 置308被安装， 或者从ROM 302被安。
47、装。 在该计算机程序被处理装置301执行时， 执行本公开 实施例的方法中限定的上述功能。 0123 需要说明的是， 本公开上述的计算机可读介质可以是计算机可读信号介质或者计 算机可读存储介质或者是上述两者的任意组合。 计算机可读存储介质例如可以是但不 限于电、 磁、 光、 电磁、 红外线、 或半导体的系统、 装置或器件， 或者任意以上的组合。 计 算机可读存储介质的更具体的例子可以包括但不限于： 具有一个或多个导线的电连接、 便 携式计算机磁盘、 硬盘、 随机访问存储器(RAM)、 只读存储器(ROM)、 可擦式可编程只读存储 器(EPROM或闪存)、 光纤、 便携式紧凑磁盘只读存储器(CD-。
48、ROM)、 光存储器件、 磁存储器件、 或者上述的任意合适的组合。 在本公开中， 计算机可读存储介质可以是任何包含或存储程 序的有形介质， 该程序可以被指令执行系统、 装置或者器件使用或者与其结合使用。 而在本 公开中， 计算机可读信号介质可以包括在基带中或者作为载波一部分传播的数据信号， 其 中承载了计算机可读的程序代码。 这种传播的数据信号可以采用多种形式， 包括但不限于 电磁信号、 光信号或上述的任意合适的组合。 计算机可读信号介质还可以是计算机可读存 储介质以外的任何计算机可读介质， 该计算机可读信号介质可以发送、 传播或者传输用于 由指令执行系统、 装置或者器件使用或者与其结合使用的。
49、程序。 计算机可读介质上包含的 程序代码可以用任何适当的介质传输， 包括但不限于： 电线、 光缆、 RF(射频)等等， 或者上述 的任意合适的组合。 0124 在一些实施方式中， 终端设备、 服务器可以利用诸如HTTP(HyperText Transfer Protocol， 超文本传输协议)之类的任何当前已知或未来研发的网络协议进行通信， 并且可 以与任意形式或介质的数字数据通信(例如， 通信网络)互连。 通信网络的示例包括局域网 ( “LAN” )， 广域网( “WAN” )， 网际网(例如， 互联网)以及端对端网络(例如， ad hoc端对端网 络)， 以及任何当前已知或未来研发的网络。。
50、 0125 上述计算机可读介质可以是上述电子设备中所包含的； 也可以是单独存在， 而未 装配入该电子设备中。 0126 上述计算机可读介质承载有一个或者多个程序， 当上述一个或者多个程序被该电 子设备执行时， 使得该电子设备： 根据显示界面确定目标模板图像对应的绘制区域； 根据所 述显示界面获取用户输入操作； 响应于确定所述用户输入操作对应的操作位置与所述绘制 区域满足预设条件， 根据所述操作位置绘制图像。 0127 可以以一种或多种程序设计语言或其组合来编写用于执行本公开的操作的计算 机程序代码， 上述程序设计语言包括但不限于面向对象的程序设计语言诸如Java、 Smalltalk、 C+，。