CN111127592A - 一种图片填色方法、装置、电子设备及可读存储介质 - Google Patents

Abstract

本发明实施例提供了一种图片填色方法、装置、电子设备及可读存储介质。该方法包括：获得待填色图片的填色数据；其中，填色数据包括待填色图片中的每个像素点对应的填色区域标识，以及每个像素点对应的颜色标识；获得待填色图片中被点击的像素点；根据填色数据，将被点击的像素点对应的填色区域标识作为目标区域标识，将被点击的像素点对应的颜色标识作为目标颜色标识；基于目标区域标识确定待填色图片的目标填色区域；根据目标颜色标识所指示的颜色值，渲染目标填色区域。这样，可以基于填色数据快速查找到该目标区域标识所对应的目标填色区域，进而可以快速对该目标填色区域进行渲染，提高了图片填色速度。

Description

一种图片填色方法、装置、电子设备及可读存储介质

技术领域

本发明涉及图像处理技术领域，特别是涉及一种图片填色方法、装置、电子设备及可读存储介质。

背景技术

在图片填色游戏中，用户可以通过点击待填色图片中的待填色区域来对该区域进行填色。例如，可以通过点击待填色的天空区域来将该区域填充为蓝色。

其中，当用户点击待填色图片中的待填色区域之后，电子设备会捕获用户所点击的像素点(例如像素点N)的坐标。然后，电子设备会判断该像素点(像素点N)的上下左右四个方向的像素点待填充的颜色值是否与该像素点(像素点N)的颜色值一致。若颜色值一致，则继续判断该颜色值一致的像素点的上下左右四个方向的像素点待填充的颜色值是否与该像素点的颜色值一致。并且，按照该种方式查找待填充的颜色值与该像素点的颜色值一致的像素点，直到待填色图片的边界。

但是，发明人在实现本发明的过程中发现，该种查找像素点的方式速度较慢，从而导致图片填色速度较慢。

发明内容

本发明实施例的目的在于提供一种图片填色方法、装置、电子设备及可读存储介质，以提高图片填色速度。具体技术方案如下：

第一方面，本发明实施例提供了一种图片填色方法，应用于电子设备，可以包括：

获得待填色图片的填色数据；其中，填色数据包括待填色图片中的每个像素点对应的填色区域标识，以及每个像素点对应的颜色标识；

获得待填色图片中被点击的像素点；

根据填色数据，将被点击的像素点对应的填色区域标识作为目标区域标识，将被点击的像素点对应的颜色标识作为目标颜色标识；

基于目标区域标识确定待填色图片的目标填色区域；

根据目标颜色标识所指示的颜色值，渲染目标填色区域。

可选地，填色数据还可以包括：每种填色区域标识与索引值集合的第一映射关系；其中，索引值集合中的索引值为该种填色区域标识的索引值，索引值与待填色图片中的像素点具有第二映射关系；

基于目标区域标识确定待填色图片的目标填色区域，可以包括：

查找第一映射关系，得到目标区域标识所对应的索引值集合作为目标索引值集合；

查找第二映射关系，得到目标索引值集合所对应的待填色图片中的像素点作为目标像素点；

将目标像素点所在区域确定为待填色图片的目标填色区域。

可选地，获得待填色图片对应的填色数据，可以包括：

获得待填色图片的预设贴图信息；其中，预设贴图信息中记录有：待填色图片的预设填色效果图中每个像素点对应的颜色值；

获得预设填色效果图中每个像素点对应的颜色标识，作为待填色图片中相应位置像素点对应的颜色标识；其中，预设填色效果图中任一像素点对应的颜色标识是基于该像素点的颜色值计算得到的；

获得预设填色效果图中每个像素点对应的填色区域标识，作为待填色图片中相应位置像素点对应的填色区域标识；其中，预设填色效果图中任一像素点对应的填色区域标识是基于该像素点的颜色值计算得到的；

获得待填色图片中每个像素点对应的填色区域标识的索引值；利用每种填色区域标识的索引值生成该种填色区域标识的索引值集合；生成每种填色区域标识与该种填色区域标识的索引值集合的第一映射关系。

可选地，获得预设填色效果图中每个像素点对应的颜色标识，作为待填色图片中相应位置像素点对应的颜色标识，可以包括：

分别将预设填色效果图中每个像素点的颜色值输入至预设的颜色编号计算公式，得到颜色编号作为预设填色效果图中相应像素点对应的颜色标识；

或，计算预设填色效果图中每个像素点的颜色值的哈希值，作为预设填色效果图中相应像素点的颜色标识；

利用第一数组存储预设填色效果图中每个像素点对应的颜色标识，作为待填色图片中相应位置像素点对应的颜色标识；其中，第一数组的索引值与待填色图片中的像素点一一对应。

可选地，获得预设填色效果图中每个像素点对应的填色区域标识，作为待填色图片中相应位置像素点对应的填色区域标识，可以包括：

分别将预设填色效果图中每个像素点的颜色值输入至预设的填色区域编号计算公式，得到填色区域编号作为预设填色效果图中相应像素点对应的填色区域标识；

或，计算预设权重值与预设填色效果图中每个像素点的颜色值的哈希值的乘积，作为预设填色效果图中相应像素点对应的填色区域标识；

利用第二数组存储预设填色效果图中每个像素点对应的填色区域标识，作为待填色图片中相应位置像素点对应的填色区域标识；其中，第二数组的索引值与待填色图片中的像素点一一对应。

可选地，生成每种填色区域标识与该种填色区域标识的索引值集合的第一映射关系，可以包括：

利用索引字典存储每种填色区域标识与该种填色区域标识的索引值集合；其中，填色区域标识为主键，索引值集合为键值。

可选地，根据填色数据，将被点击的像素点对应的填色区域标识作为目标区域标识，包括：

根据填色数据，确定被点击的像素点所对应的第二数组的索引值，作为目标索引值；

查找索引字典，得到目标索引值所对应的填色区域标识作为目标区域标识。

第二方面，本发明实施例还提供了一种图片填色装置，应用于电子设备，可以包括：

第一获得模块，用于获得待填色图片的填色数据；其中，填色数据包括待填色图片中的每个像素点对应的填色区域标识，以及每个像素点对应的颜色标识；

第二获得模块，用于获得待填色图片中被点击的像素点；

第一确定模块，用于根据填色数据，将被点击的像素点对应的填色区域标识作为目标区域标识，将被点击的像素点对应的颜色标识作为目标颜色标识；

第二确定模块，用于基于目标区域标识确定待填色图片的目标填色区域；

渲染模块，用于根据目标颜色标识所指示的颜色值，渲染目标填色区域。

可选地，填色数据还可以包括：每种填色区域标识与索引值集合的第一映射关系；其中，索引值集合中的索引值为该种填色区域标识的索引值，索引值与待填色图片中的像素点具有第二映射关系；

相应地，第二确定模块可以包括：

第一查找单元，用于查找第一映射关系，得到目标区域标识所对应的索引值集合作为目标索引值集合；

第二查找单元，用于查找第二映射关系，得到目标索引值集合所对应的待填色图片中的像素点作为目标像素点；

确定单元，用于将目标像素点所在区域确定为待填色图片的目标填色区域。

可选地，在本发明实施例中，第一获得模块可以包括：

第一获得单元，用于获得待填色图片的预设贴图信息；其中，预设贴图信息中记录有：待填色图片的预设填色效果图中每个像素点对应的颜色值；

第二获得单元，用于获得预设填色效果图中每个像素点对应的颜色标识，作为待填色图片中相应位置像素点对应的颜色标识；其中，预设填色效果图中任一像素点对应的颜色标识是基于该像素点的颜色值计算得到的；

第三获得单元，用于获得预设填色效果图中每个像素点对应的填色区域标识，作为待填色图片中相应位置像素点对应的填色区域标识；其中，预设填色效果图中任一像素点对应的填色区域标识是基于该像素点的颜色值计算得到的；

第四获得单元，用于获得待填色图片中每个像素点对应的填色区域标识的索引值；利用每种填色区域标识的索引值生成该种填色区域标识的索引值集合；生成每种填色区域标识与该种填色区域标识的索引值集合的第一映射关系。

可选地，在本发明实施例中，第二获得单元具体可以用于：

分别将预设填色效果图中每个像素点的颜色值输入至预设的颜色编号计算公式，得到颜色编号作为预设填色效果图中相应像素点对应的颜色标识；

或，计算预设填色效果图中每个像素点的颜色值的哈希值，作为预设填色效果图中相应像素点的颜色标识；

利用第一数组存储预设填色效果图中每个像素点对应的颜色标识，作为待填色图片中相应位置像素点对应的颜色标识；其中，第一数组的索引值与待填色图片中的像素点一一对应。

可选地，在本发明实施例中，第三获得单元具体可以用于：

分别将预设填色效果图中每个像素点的颜色值输入至预设的填色区域编号计算公式，得到填色区域编号作为预设填色效果图中相应像素点对应的填色区域标识；

或，计算预设权重值与预设填色效果图中每个像素点的颜色值的哈希值的乘积，作为预设填色效果图中相应像素点对应的填色区域标识；

利用第二数组存储预设填色效果图中每个像素点对应的填色区域标识，作为待填色图片中相应位置像素点对应的填色区域标识；其中，第二数组的索引值与待填色图片中的像素点一一对应。

可选地，在本发明实施例中，第四获得单元具体可以用于：

利用索引字典存储每种填色区域标识与该种填色区域标识的索引值集合；其中，填色区域标识为主键，索引值集合为键值。

可选地，在本发明实施例中，第一确定模块具体可以用于：

根据所述填色数据，确定被点击的像素点所对应的第二数组的索引值，作为目标索引值；

查找索引字典，得到目标索引值所对应的填色区域标识作为目标区域标识。

第三方面，本发明实施例还提供了一种电子设备，包括处理器、通信接口、存储器和通信总线，其中，处理器，通信接口，存储器通过通信总线完成相互间的通信；

存储器，用于存放计算机程序；

处理器，用于执行存储器上所存放的程序时，实现上述任一项图片填色方法的方法步骤。

第四方面，本发明实施例还提供了一种可读存储介质，可读存储介质内存储有计算机程序，计算机程序被处理器执行时实现上述任一项图片填色方法的方法步骤。

第五方面，本发明实施例还提供了一种计算机程序产品，当其在电子设备上运行时，使得电子设备执行：上述任一项图片填色方法的方法步骤。

在本发明实施例中，电子设备可以获得待填色图片对应的填色数据。其中，该填色数据可以包括该待填色图片中的每个像素点对应的填色区域标识，以及每个像素点对应的颜色标识。然后，可以确定该待填色图片中被点击的像素点；并且，可以根据该填色数据，将该被点击的像素点对应的填色区域标识作为目标区域标识，并将该被点击的像素点对应的颜色标识作为目标颜色标识。之后，可以基于该目标区域标识确定该待填色图片的目标填色区域。进而，可以利用该目标颜色标识所指示的颜色值渲染该目标填色区域。

这样，可以根据填色数据确定该待填色图片中的、与该被点击的像素点具有相同填色区域标识的目标填色区域。也就是说，可以快速地找到该目标填色区域。进而，可以利用该被点击的像素点对应的目标颜色标识所指示的颜色值，渲染该目标填色区域，提高了图片填色速度。

当然，实施本发明的任一产品或方法并不一定需要同时达到以上所述的所有优点。

附图说明

为了更清楚地说明本发明实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。

图1为本发明实施例提供的一种图片填色方法的流程图；

图2为本发明实施例提供的一种填色数据获取方法的流程图；

图3为本发明实施例提供的一种图片填色装置的结构示意图；

图4为本发明实施例提供的一种电子设备的结构示意图。

具体实施方式

下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。

为了解决现有技术中所存在的问题，本发明实施例提供了一种图片填色方法、装置、电子设备及计算机可读存储介质。

下面结合图1，对本发明实施例提供的图片填色方法进行说明。

可以理解的是，本发明实施例提供的图片填色方法可以应用于电子设备，当然并不局限于此。其中，本发明实施例中的电子设备包括但并不局限于电脑和手机。参见图1，本发明实施例提供的图片填色方法可以包括如下步骤：

S101：获得待填色图片的填色数据；其中，填色数据包括待填色图片中的每个像素点对应的填色区域标识，以及每个像素点对应的颜色标识；

可以理解的是，当用户打开图片填色游戏程序并且选中待填色图片之后，电子设备可以确定用户所选中的待填色图片。其中，该待填色图片具体可以为植物填色图片或者人物填色图片，当然并不局限于此。另外，该待填色图片可以被划分为多个待填色区域，每个待填色区域可以由相应的填色区域标识来表示，并且可以对应相应的预设颜色值。

在确定用户所选中的待填色图片之后，电子设备可以获得该待填色图片对应的填色数据。该填色数据包括：该待填色图片中每个像素点对应的填色区域标识和每个像素点对应的颜色标识。

举例而言，该待填色图片的分辨率为1020*1024，并且，可以将待填色图片中的左下角的像素点标记为该待填色图片的第1个像素点、将该第1个像素点右边相邻的像素点标记为第2个像素点、……、将该待填色图片中的右下角的像素点标记为第1024个像素点、将该第1个像素点上方相邻的像素点标记为第1025个像素点、……、将该待填色图片中右上角的像素点标记为第1024*1024个像素点。

那么，该待填色图片中第1个像素点对应的填色区域标识可以为1、第2个像素点对应的填色区域标识为1、第3个像素点对应的填色区域标识为8，……，第1024*1024个像素点对应的填色区域标识为10。另外，该待填色图片中第1个像素点对应的颜色标识可以绿色、第2个像素点对应的颜色标识可以为绿色、……、第1024个像素点对应的颜色值为蓝色。

可以理解的是，该待填色图片中像素点对应的颜色标识可以为：该待填色图片的预设填色效果图中相应位置像素点的颜色标识。

另外，也可以将填色区域标识设置为A、B、C和D等，当然并不局限于此。其中，每个填色区域标识与一个预设待填色区域对应。同样地，也可以将颜色标识设置为具体的RGB(Red Green Blue，红绿蓝)值，例如RGB(203，255，180)，当然并不局限于此。其中，每个颜色标识与一种预设颜色对应。

此外，该填色数据可以是预先离线计算得到的，也可是实时计算得到，这都是合理的。为了清晰布局，后续对获得该待填色图片对应的填色数据的方式进行详细说明。

S102：获得待填色图片中被点击的像素点；

可以理解的是，当用户通过手指或者电子笔点击待填色图片之后，电子设备可以确定该待填色图片中被点击的位置，从而可以获得待填色图片中被点击的像素点。

具体地，电子设备可以先确定用户所点击的屏幕坐标，然后将该屏幕坐标转换为该待填色图片的像素点坐标，得到该待填色图片中被点击的位置。其中，可以采用相关技术中任意一种将屏幕坐标转换为图片的像素点坐标的方式进行转换，在此不做详述。

S103：根据填色数据，将被点击的像素点对应的填色区域标识作为目标区域标识，将被点击的像素点对应的颜色标识作为目标颜色标识；

其中，电子设备在显示该待填色图片之后，用户可以点击该待填色图片中的任意位置。举例而言，当用户点击到该待填色图片中第208*233个像素点时，电子设备则可以识别到该待填色图片中的第208*233个像素点被点击。并且，可以通过查找该填色数据，找到该第208*233个像素点所对应的填色区域标识8，并将该填色区域标识8作为目标区域标识。另外，也可以通过查找该填色数据，找到该208*233个像素点所对应的颜色标识RGB(200，180，255)，并将颜色标识作为目标颜色标识。

S104：基于目标区域标识确定待填色图片的目标填色区域；

S105：根据目标颜色标识所指示的颜色值，渲染目标填色区域。

其中，电子设备在确定被点击的像素点的目标区域标识和目标颜色标识之后，则可以确定用户待执行填色操作的目标填色区域为：该目标区域标识所表示的待填色区域。然后，可以根据该目标颜色标识所指示的颜色值，渲染该目标填色区域。这样，可以基于被点击像素点对应的填色数据，快速查找到待填色的目标填色区域，提高了目标填色区域的查找速度。并且，该种查找方式所需的计算量较少，减少了中央处理器的计算量。进而，可以利用该目标颜色标识所指示的颜色值对该目标填色区域进行渲染，提高了图片填色速度。

在本发明实施例中，电子设备可以获得待填色图片对应的填色数据。其中，该填色数据可以包括该待填色图片中的每个像素点对应的填色区域标识，以及每个像素点对应的颜色标识。然后，可以确定该待填色图片中被点击的像素点；并且，可以根据该填色数据，将该被点击的像素点对应的填色区域标识作为目标区域标识，并将该被点击的像素点对应的颜色标识作为目标颜色标识。之后，可以基于该目标区域标识确定该待填色图片的目标填色区域。进而，可以利用该目标颜色标识所指示的颜色值渲染该目标填色区域。

这样，可以根据填色数据确定该待填色图片中的、与该被点击的像素点具有相同填色区域标识的目标填色区域。也就是说，可以快速地找到该目标填色区域。进而，可以利用该被点击的像素点对应的目标颜色标识所指示的颜色值，渲染该目标填色区域，提高了图片填色速度。

在本发明实施例中，填色数据除了可以包括：待填色图片中每个像素点对应的填色区域标识和每个像素点对应的颜色标识之外，还可以包括：每种填色区域标识与索引值集合的第一映射关系。其中，索引值集合中的索引值为该种填色区域标识的索引值，索引值与待填色图片中的像素点具有第二映射关系。

示例性地，填色数据还可以包括第一映射关系：填色区域标识A与索引值集合{S1，S2，S3}的映射关系、填色区域标识B与索引值集合{S7，S8}的映射关系。其中，S1、S2、S3为填色区域标识A的索引值，S7和S8为填色区域标识B的索引值。具体地，当待填色图片的第1个像素点、第2个像素点和第3个像素点对应填色区域标识为A时，且第1个像素点、第2个像素点和第3个像素点对应填色区域标识A，按照像素点排序依次存储在数组S中时，则S1为数组S中存储第1个像素点的填色区域标识A的索引值、S2为数组S中存储第2个像素点的填色区域标识A的索引值、S3为数组S中存储第3个像素点的填色区域标识A的索引值。

这样，可以建立每种填色区域标识与该种填色区域标识的索引值集合的映射关系(即第一映射关系)。另外，索引值与待填色图片中的像素点也是具有第二映射关系的，例如数组S的第一个索引值与待填色图片中的第一个像素点具有映射关系(即第二映射关系)。

其中，上述示例中的填色区域标识A和填色区域标识B是基于同一计算方式计算得到两种不同的填色区域标识。为了清晰布局，下文对计算填色区域标识的方式进行详细说明，在此不做详述。

在该种情况下，该基于目标区域标识确定待填色图片的目标填色区域的步骤，可以包括：

查找第一映射关系，得到目标区域标识所对应的索引值集合作为目标索引值集合；查找第二映射关系，得到目标索引值集合所对应的待填色图片中的像素点作为目标像素点；将目标像素点所在区域确定为待填色图片的目标填色区域。

可以理解的是，在确定被点击的像素点所对应的填色区域标识和目标颜色标识之后，可以查找该第一映射关系。从而，可以查找到该目标区域标识所对应的索引值集合，其中可以将该查找到的索引值集合作为目标索引值集合。这样，可以查找到待填色图片中与该目标区域标识对应的所有像素点的索引值。

然后，还可以查找该第二映射关系，从而可以查找到该目标索引值集合所对应的待填色图片中的像素点，例如可以查找到待填色图片中的第1个像素点、第2个像素点和第3个像素，并可以将查找到像素点作为目标像素点。这样，可以通过第一映射关系来进一步提高查找目标像素点的速度，即可以利用空间换时间来提高查找目标像素点的速度。进而，可以将目标像素点所在区域确定为待填色图片的目标填色区域。

参见图2，在本发明实施例中，可以通过如下操作来获得待填色图片对应的填色数据：

S201：获得待填色图片的预设贴图信息；其中，预设贴图信息中记录有：待填色图片的预设填色效果图中每个像素点对应的颜色值；

具体地，可以通过获取存储有待填色图片的预设贴图信息的预设贴图，来获取待填色图片的预设贴图信息。其中，该预设贴图可以是一张和待填色图片的预设填色效果图一致的RGB24格式图片。其中，RGB24格式图片的每个像素点用24位二进制表示其颜色。也就是说，在确定待填色图片后，电子设备可以加载该预设贴图信息。

可以理解的是，待填色图片中的像素点与该预设填色效果图中的像素点是一一对应的。

S202：获得预设填色效果图中每个像素点对应的颜色标识，作为待填色图片中相应位置像素点对应的颜色标识；其中，预设填色效果图中任一像素点对应的颜色标识是基于该像素点的颜色值计算得到的；

其中，在一种实现方式中，可以分别将预设填色效果图中每个像素点的颜色值输入至预设的颜色编号计算公式，得到颜色编号作为预设填色效果图中相应像素点对应的颜色标识。其中，该颜色编号计算公式可以为：像素点的颜色编号＝(该像素点的R值*256*256+该像素点的G值*256+该像素点的R值)/10)％300。其中，％表示求余运算。

举例而言，当预设填色效果图中第1个像素点的颜色值为RGB(255，206，200)时，则可以将该颜色值输入至该颜色编号计算公式，计算得到颜色编号。然后，可以将该颜色编号作为该第1个像素点的颜色标识。

在另一种实现方式中，还可以计算预设填色效果图中每个像素点的颜色值的哈希值，作为预设填色效果图中相应像素点的颜色标识。可以理解的是，可以利用预设哈希算法计算该颜色值的哈希值。

可以理解的是，预设填色效果图中像素点对应的颜色标识可以是预先离线计算得到的，也可以是在加载预设贴图信息后计算得到的，这都是合理的。

其中，在获得预设填色效果图中每个像素点对应的颜色标识之后，可以利用第一数组来存储预设填色效果图中每个像素点对应的颜色标识。并且，可以将该第一数组所存储颜色标识作为待填色图片中相应位置像素点对应的颜色标识。其中，第一数组的索引值与待填色图片中的像素点一一对应。

举例而言，利用第一数组a来存储预设填色效果图中每个像素点对应的颜色标识。其中，a1、a2、……、a1024*1024为该第一数组a的索引值，a1与待填色图片中的第1个像素点对应、a2与待填色图片中的第2个像素点对应、……、a1024*1024与待填色图片中的第1024*1024个像素点对应。

S203：获得预设填色效果图中每个像素点对应的填色区域标识，作为待填色图片中相应位置像素点对应的填色区域标识；其中，预设填色效果图中任一像素点对应的填色区域标识是基于该像素点的颜色值计算得到的；

其中，在一种实现方式中，可以分别将预设填色效果图中每个像素点的颜色值输入至预设的填色区域编号计算公式，得到填色区域编号作为预设填色效果图中相应像素点对应的填色区域标识。其中，该填色区域编号计算公式可以为：像素点的填色区域编号＝(该像素点的R值*256*256+该像素点的G值*256+该像素点的R值)/10)/300。

举例而言，当预设填色效果图中第1个像素点的颜色值为RGB(255，206，200)时，则可以将该颜色值输入至该填色区域编号计算公式，计算得到填色区域编号。然后，可以将该填色区域编号作为该第1个像素点的填色区域编号。

在另一种实现方式中，还可以计算预设权重值与预设填色效果图中每个像素点的颜色值的哈希值的乘积，作为预设填色效果图中相应像素点对应的填色区域标识，这也是合理的。

可以理解的是，预设填色效果图中像素点对应的填色区域标识可以是预先离线计算得到的，也可以是在加载预设贴图信息后计算得到的，这都是合理的。

其中，在获得预设填色效果图中每个像素点对应的填色区域标识之后，可以利用第二数组来存储预设填色效果图中每个像素点对应的填色区域标识。由于……，并且，可以将该第二数组所存储的填色区域标识作为待填色图片中相应位置像素点对应的填色区域标识；其中，第二数组的索引值与待填色图片中的像素点一一对应。

举例而言，利用第二数组b来存储预设填色效果图中每个像素点对应的填色区域标识。其中，b1、b2、……、b1024*1024为该第二数组b的索引值，b1与待填色图片中的第1个像素点对应、b2与待填色图片中的第2个像素点对应、……、b1024*1024与待填色图片中的第1024*1024个像素点对应。

S204：获得待填色图片中每个像素点对应的填色区域标识的索引值；利用每种填色区域标识的索引值生成该种填色区域标识的索引值集合；生成每种填色区域标识与该种填色区域标识的索引值集合的第一映射关系。

具体地，可以利用索引字典来存储每种填色区域标识与该种填色区域标识的索引值集合。其中，填色区域标识为主键，索引值集合为键值。也就是说，索引字典为key-value(主键-键值)类型的字典。

这样，上述根据填色数据，将被点击的像素点对应的填色区域标识作为目标区域标识的操作，具体可以为：

根据填色数据，确定被点击的像素点所对应的第二数组的索引值，作为目标索引值；查找索引字典，得到目标索引值所对应的填色区域标识作为目标区域标识。

可以理解的是，电子设备可以将该待填色图片的像素点坐标，转换为第二数组的索引值。例如，当确定所点击的是待填色图片中第1个像素点时，则可以确定该像素点与第二数组的第一个索引值对应。并且，可以将该第一个索引值确定为目标索引值。然后，可以利用在索引字典中，查找该目标索引值所对应的填色区域标识作为目标区域标识。

进而，可以在该索引字典中，查找该目标区域标识所对应的索引值集合。从而，通过该索引值集合确定待填色图像中待进行颜色渲染的目标像素点。这样，通过空间换时间方式来查找目标像素点，可以降低查找目标像素点的计算量，并且可以极大的提高目标像素点查找速度。也就是说，可以极大地提高查找目标填色区域的速度。进而，可以提高图片填色速度。

综上，应用本发明实施例提供的图片填色方法，可以根据填色数据查找待填色图片中的、与该被点击的像素点具有相同填色区域标识的目标填色区域。这样，可以快速查找到目标区域标识所对应的待填色的目标填色区域。进而，可以利用该被点击的像素点对应的目标颜色标识所指示的颜色值，对该目标填色区域中的像素点进行渲染，提高了图片填色速度。

相应于上述方法实施例，本发明实施例还提供了一种图片填色装置，应用于电子设备。参见图3，该装置可以包括：

第一获得模块301，用于获得待填色图片的填色数据；其中，填色数据包括待填色图片中的每个像素点对应的填色区域标识，以及每个像素点对应的颜色标识；

第二获得模块302，用于获得待填色图片中被点击的像素点；

第一确定模块303，用于根据填色数据，将被点击的像素点对应的填色区域标识作为目标区域标识，将被点击的像素点对应的颜色标识作为目标颜色标识；

第二确定模块304，用于基于目标区域标识确定待填色图片的目标填色区域；

渲染模块305，用于根据目标颜色标识所指示的颜色值，渲染目标填色区域。

在本发明实施例中，电子设备可以获得待填色图片对应的填色数据。其中，该填色数据可以包括该待填色图片中的每个像素点对应的填色区域标识，以及每个像素点对应的颜色标识。然后，可以确定该待填色图片中被点击的像素点；并且，可以根据该填色数据，将该被点击的像素点对应的填色区域标识作为目标区域标识，并将该被点击的像素点对应的颜色标识作为目标颜色标识。之后，可以基于该目标区域标识确定该待填色图片的目标填色区域。进而，可以利用该目标颜色标识所指示的颜色值渲染该目标填色区域。

这样，可以根据填色数据确定该待填色图片中的、与该被点击的像素点具有相同填色区域标识的目标填色区域。也就是说，可以快速地找到该目标填色区域。进而，可以利用该被点击的像素点对应的目标颜色标识所指示的颜色值，渲染该目标填色区域，提高了图片填色速度。

可选地，填色数据还包括：每种填色区域标识与索引值集合的第一映射关系；其中，索引值集合中的索引值为该种填色区域标识的索引值，索引值与待填色图片中的像素点具有第二映射关系；

第二确定模块304包括：

第一查找单元，用于查找第一映射关系，得到目标区域标识所对应的索引值集合作为目标索引值集合；

第二查找单元，用于查找第二映射关系，得到目标索引值集合所对应的待填色图片中的像素点作为目标像素点；

确定单元，用于将所述目标像素点所在区域确定为所述待填色图片的目标填色区域。

可选地，在本发明实施例中，第一获得模块301包括：

第一获得单元，用于获得待填色图片的预设贴图信息；其中，预设贴图信息中记录有：待填色图片的预设填色效果图中每个像素点对应的颜色值；

第二获得单元，用于获得预设填色效果图中每个像素点对应的颜色标识，作为待填色图片中相应位置像素点对应的颜色标识；其中，预设填色效果图中任一像素点对应的颜色标识是基于该像素点的颜色值计算得到的；

第三获得单元，用于获得预设填色效果图中每个像素点对应的填色区域标识，作为待填色图片中相应位置像素点对应的填色区域标识；其中，预设填色效果图中任一像素点对应的填色区域标识是基于该像素点的颜色值计算得到的；

第四获得单元，用于获得待填色图片中每个像素点对应的填色区域标识的索引值；利用每种填色区域标识的索引值生成该种填色区域标识的索引值集合；生成每种填色区域标识与该种填色区域标识的索引值集合的第一映射关系。

可选地，在本发明实施例中，第二获得单元具体用于：

分别将预设填色效果图中每个像素点的颜色值输入至预设的颜色编号计算公式，得到颜色编号作为预设填色效果图中相应像素点对应的颜色标识；

或，计算预设填色效果图中每个像素点的颜色值的哈希值，作为预设填色效果图中相应像素点的颜色标识；

利用第一数组存储预设填色效果图中每个像素点对应的颜色标识，作为待填色图片中相应位置像素点对应的颜色标识；其中，第一数组的索引值与待填色图片中的像素点一一对应。

可选地，在本发明实施例中，第三获得单元具体用于：

分别将预设填色效果图中每个像素点的颜色值输入至预设的填色区域编号计算公式，得到填色区域编号作为预设填色效果图中相应像素点对应的填色区域标识；

或，计算预设权重值与预设填色效果图中每个像素点的颜色值的哈希值的乘积，作为预设填色效果图中相应像素点对应的填色区域标识；

利用第二数组存储预设填色效果图中每个像素点对应的填色区域标识，作为待填色图片中相应位置像素点对应的填色区域标识；其中，第二数组的索引值与待填色图片中的像素点一一对应。

可选地，在本发明实施例中，第四获得单元具体用于：

利用索引字典存储每种填色区域标识与该种填色区域标识的索引值集合；其中，填色区域标识为主键，索引值集合为键值。

可选地，在本发明实施例中，第一确定模块303具体用于：

根据所述填色数据，确定被点击的像素点所对应的第二数组的索引值，作为目标索引值；

查找索引字典，得到目标索引值所对应的填色区域标识作为目标区域标识。

相应于上述方法实施例，本发明实施例还提供了一种电子设备。参见图4，包括处理器401、通信接口402、存储器403和通信总线404，其中，处理器401，通信接口402，存储器403通过通信总线404完成相互间的通信；

存储器403，用于存放计算机程序；

处理器401，用于执行存储器403上所存放的程序时，实现上述任一项图片填色方法的方法步骤。

在本发明实施例中，电子设备可以获得待填色图片对应的填色数据。其中，该填色数据可以包括该待填色图片中的每个像素点对应的填色区域标识，以及每个像素点对应的颜色标识。然后，可以确定该待填色图片中被点击的像素点；并且，可以根据该填色数据，将该被点击的像素点对应的填色区域标识作为目标区域标识，并将该被点击的像素点对应的颜色标识作为目标颜色标识。之后，可以基于该目标区域标识确定该待填色图片的目标填色区域。进而，可以利用该目标颜色标识所指示的颜色值渲染该目标填色区域。

这样，可以根据填色数据确定该待填色图片中的、与该被点击的像素点具有相同填色区域标识的目标填色区域。也就是说，可以快速地找到该目标填色区域。进而，可以利用该被点击的像素点对应的目标颜色标识所指示的颜色值，渲染该目标填色区域，提高了图片填色速度。

相应于上述方法实施例，本发明实施例还提供了一种可读存储介质，该可读存储介质内存储有计算机程序，计算机程序被处理器执行时实现上述任一项图片填色方法的方法步骤。其中，该可读存储介质为计算机可读存储介质。

本发明实施例提供的可读存储介质中存储的计算机程序被电子设备的处理器执行后，电子设备可以获得待填色图片对应的填色数据。其中，该填色数据可以包括该待填色图片中的每个像素点对应的填色区域标识，以及每个像素点对应的颜色标识。然后，可以确定该待填色图片中被点击的像素点；并且，可以根据该填色数据，将该被点击的像素点对应的填色区域标识作为目标区域标识，并将该被点击的像素点对应的颜色标识作为目标颜色标识。之后，可以基于该目标区域标识确定该待填色图片的目标填色区域。进而，可以利用该目标颜色标识所指示的颜色值渲染该目标填色区域。

这样，可以根据填色数据确定该待填色图片中的、与该被点击的像素点具有相同填色区域标识的目标填色区域。也就是说，可以快速地找到该目标填色区域。进而，可以利用该被点击的像素点对应的目标颜色标识所指示的颜色值，渲染该目标填色区域，提高了图片填色速度。

相应于上述方法实施例，本发明实施例还提供了一种计算机程序产品，当其在电子设备上运行时，使得电子设备执行：上述任一项图片填色方法的方法步骤。

本发明实施例提供的计算机程序产品被电子设备的处理器执行后，电子设备可以获得待填色图片对应的填色数据。其中，该填色数据可以包括该待填色图片中的每个像素点对应的填色区域标识，以及每个像素点对应的颜色标识。然后，可以确定该待填色图片中被点击的像素点；并且，可以根据该填色数据，将该被点击的像素点对应的填色区域标识作为目标区域标识，并将该被点击的像素点对应的颜色标识作为目标颜色标识。之后，可以基于该目标区域标识确定该待填色图片的目标填色区域。进而，可以利用该目标颜色标识所指示的颜色值渲染该目标填色区域。

这样，可以根据填色数据确定该待填色图片中的、与该被点击的像素点具有相同填色区域标识的目标填色区域。也就是说，可以快速地找到该目标填色区域。进而，可以利用该被点击的像素点对应的目标颜色标识所指示的颜色值，渲染该目标填色区域，提高了图片填色速度。

上述电子设备提到的通信总线可以是外设部件互连标准(Peripheral ComponentInterconnect，PCI)总线或扩展工业标准结构(Extended Industry StandardArchitecture，EISA)总线等。该通信总线可以分为地址总线、数据总线、控制总线等。为便于表示，图中仅用一条粗线表示，但并不表示仅有一根总线或一种类型的总线。

通信接口用于上述电子设备与其他设备之间的通信。

存储器可以包括随机存取存储器(Random Access Memory，RAM)，也可以包括非易失性存储器(Non-Volatile Memory，NVM)，例如至少一个磁盘存储器。可选的，存储器还可以是至少一个位于远离前述处理器的存储装置。

上述的处理器可以是通用处理器，包括中央处理器(Central Processing Unit，CPU)、网络处理器(Network Processor，NP)等；还可以是数字信号处理器(Digital SignalProcessing，DSP)、专用集成电路(Application Specific Integrated Circuit，ASIC)、现场可编程门阵列(Field-Programmable Gate Array，FPGA)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件。

在上述实施例中，可以全部或部分地通过软件、硬件、固件或者其任意组合来实现。当使用软件实现时，可以全部或部分地以计算机程序产品的形式实现。所述计算机程序产品包括一个或多个计算机指令。在计算机上加载和执行所述计算机程序指令时，全部或部分地产生按照本发明实施例所述的流程或功能。所述计算机可以是通用计算机、专用计算机、计算机网络、或者其他可编程装置。所述计算机指令可以存储在计算机可读存储介质中，或者从一个计算机可读存储介质向另一个计算机可读存储介质传输，例如，所述计算机指令可以从一个网站站点、计算机、服务器或数据中心通过有线(例如同轴电缆、光纤、数字用户线(DSL))或无线(例如红外、无线、微波等)方式向另一个网站站点、计算机、服务器或数据中心进行传输。所述计算机可读存储介质可以是计算机能够存取的任何可用介质或者是包含一个或多个可用介质集成的服务器、数据中心等数据存储设备。所述可用介质可以是磁性介质，(例如，软盘、硬盘、磁带)、光介质(例如，DVD)、或者半导体介质(例如固态硬盘Solid State Disk(SSD))等。

需要说明的是，在本文中，诸如第一和第二等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来，而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。

本说明书中的各个实施例均采用相关的方式描述，各个实施例之间相同相似的部分互相参见即可，每个实施例重点说明的都是与其他实施例的不同之处。尤其，对于装置、电子设备、可读存储介质和计算机程序产品实施例而言，由于其基本相似于方法实施例，所以描述的比较简单，相关之处参见方法实施例的部分说明即可。

以上所述仅为本发明的较佳实施例而已，并非用于限定本发明的保护范围。凡在本发明的精神和原则之内所作的任何修改、等同替换、改进等，均包含在本发明的保护范围内。

Claims (10)

1.一种图片填色方法，其特征在于，应用于电子设备，包括：

获得待填色图片的填色数据；其中，所述填色数据包括所述待填色图片中的每个像素点对应的填色区域标识，以及所述每个像素点对应的颜色标识；

获得所述待填色图片中被点击的像素点；

根据所述填色数据，将所述被点击的像素点对应的填色区域标识作为目标区域标识，将所述被点击的像素点对应的颜色标识作为目标颜色标识；

基于所述目标区域标识确定所述待填色图片的目标填色区域；

根据所述目标颜色标识所指示的颜色值，渲染所述目标填色区域。

2.根据权利要求1所述的方法，其特征在于，所述填色数据还包括：

每种填色区域标识与索引值集合的第一映射关系；其中，所述索引值集合中的索引值为该种填色区域标识的索引值，所述索引值与所述待填色图片中的像素点具有第二映射关系；

所述基于所述目标区域标识确定所述待填色图片的目标填色区域，包括：

查找所述第一映射关系，得到所述目标区域标识所对应的索引值集合作为目标索引值集合；

查找所述第二映射关系，得到所述目标索引值集合所对应的所述待填色图片中的像素点作为目标像素点；

将所述目标像素点所在区域确定为所述待填色图片的目标填色区域。

3.根据权利要求2所述的方法，其特征在于，所述获得待填色图片的填色数据，包括：

获得所述待填色图片的预设贴图信息；其中，所述预设贴图信息中记录有所述待填色图片的预设填色效果图中每个像素点对应的颜色值；

获得所述预设填色效果图中每个像素点对应的颜色标识，作为所述待填色图片中相应位置像素点对应的颜色标识；其中，所述预设填色效果图中任一像素点对应的颜色标识是基于该像素点的颜色值计算得到的；

获得所述预设填色效果图中每个像素点对应的填色区域标识，作为所述待填色图片中相应位置像素点对应的填色区域标识；其中，所述预设填色效果图中任一像素点对应的填色区域标识是基于该像素点的颜色值计算得到的；

获得所述待填色图片中每个像素点对应的所述填色区域标识的索引值；利用每种所述填色区域标识的索引值生成该种填色区域标识的索引值集合；生成每种所述填色区域标识与该种填色区域标识的所述索引值集合的第一映射关系。

4.根据权利要求3所述的方法，其特征在于，所述获得所述预设填色效果图中每个像素点对应的颜色标识，作为所述待填色图片中相应位置像素点对应的颜色标识，包括：

分别将所述预设填色效果图中每个像素点的颜色值输入至预设的颜色编号计算公式，得到颜色编号作为所述预设填色效果图中相应像素点对应的颜色标识；

或，计算所述预设填色效果图中每个像素点的颜色值的哈希值，作为所述预设填色效果图中相应像素点的颜色标识；

利用第一数组存储所述预设填色效果图中每个像素点对应的颜色标识，作为所述待填色图片中相应位置像素点对应的颜色标识；其中，所述第一数组的索引值与所述待填色图片中的像素点一一对应。

5.根据权利要求3所述的方法，其特征在于，所述获得所述预设填色效果图中每个像素点对应的填色区域标识，作为所述待填色图片中相应位置像素点对应的填色区域标识，包括：

分别将所述预设填色效果图中每个像素点的颜色值输入至预设的填色区域编号计算公式，得到填色区域编号作为所述预设填色效果图中相应像素点对应的填色区域标识；

或，计算预设权重值与所述预设填色效果图中每个像素点的颜色值的哈希值的乘积，作为所述预设填色效果图中相应像素点对应的填色区域标识；

利用第二数组存储所述预设填色效果图中每个像素点对应的填色区域标识，作为所述待填色图片中相应位置像素点对应的填色区域标识；其中，所述第二数组的索引值与所述待填色图片中的像素点一一对应。

6.根据权利要求5所述的方法，其特征在于，所述生成每种所述填色区域标识与该种填色区域标识的所述索引值集合的第一映射关系，包括：

利用索引字典存储每种所述填色区域标识与该种填色区域标识的所述索引值集合；其中，所述填色区域标识为主键，所述索引值集合为键值。

7.根据权利要求6所述的方法，其特征在于，所述根据所述填色数据，将所述被点击的像素点对应的填色区域标识作为目标区域标识，包括：

根据所述填色数据，确定所述被点击的像素点所对应的所述第二数组的索引值，作为目标索引值；

查找所述索引字典，得到所述目标索引值所对应的填色区域标识作为目标区域标识。

8.一种图片填色装置，其特征在于，应用于电子设备，包括：

第一获得模块，用于获得待填色图片的填色数据；其中，所述填色数据包括所述待填色图片中的每个像素点对应的填色区域标识，以及所述每个像素点对应的颜色标识；

第二获得模块，用于获得所述待填色图片中被点击的像素点；

第一确定模块，用于根据所述填色数据，将所述被点击的像素点对应的填色区域标识作为目标区域标识，将所述被点击的像素点对应的颜色标识作为目标颜色标识；

第二确定模块，用于基于所述目标区域标识确定所述待填色图片的目标填色区域；

渲染模块，用于根据所述目标颜色标识所指示的颜色值，渲染所述目标填色区域。

9.一种电子设备，其特征在于，包括处理器、通信接口、存储器和通信总线，其中，处理器，通信接口，存储器通过通信总线完成相互间的通信；

存储器，用于存放计算机程序；

处理器，用于执行存储器上所存放的程序时，实现权利要求1-7中任一所述的方法步骤。

10.一种可读存储介质，其特征在于，所述可读存储介质内存储有计算机程序，所述计算机程序被处理器执行时实现权利要求1-7中任一所述的方法步骤。

Images