颜色填充方法及装置与流程

1.本申请实施例涉及计算机技术领域，特别涉及一种颜色填充方法。本申请一个或者多个实施例同时涉及一种颜色填充装置，一种计算设备，以及一种计算机可读存储介质。


背景技术：

2.随着绘画技术的不断发展，绘画呈现丰富多元的局面，不再是依赖线条或者几何图形单一展示，而是更注重色彩的搭配与运用，色彩不仅遍布于人类社会，还装点了世界，使生活更加多姿多彩，是任何一种绘画元素无法代替的，因此，随着计算机技术和人工智能的快速发展，智能绘画越来越受到社会的青睐。
3.目前市面上存在一些可用于提供颜色填充功能的产品，用户可通过这类产品实现对待填充图片进行颜色填充，但这类产品在为用户提供颜色填充功能时，大多会提前生成待填充图片的颜色填充信息，例如，在待填充图片中的各个待填充区域进行编号，并记录不同编号对应的颜色信息，在用户点击待填充图片的某个待填充区域时，系统即可根据该待填充区域中的编号确定目标颜色，并将目标颜色填充至所述待填充区域。
4.可见，目前的图片颜色填充过程必须基于相关产品才能实现，并且用户只能根据产品提前设置好的待填充图片的颜色填充信息进行颜色填充，导致填充效果不理想。


技术实现要素：

5.有鉴于此，本申请施例提供了一种颜色填充方法。本申请一个或者多个实施例同时涉及一种颜色填充装置，一种计算设备，以及一种计算机可读存储介质，以解决现有技术中基于颜色填充产品进行图片的颜色填充存在的填充效果不理想的技术缺陷。
6.根据本申请实施例的第一方面，提供了一种颜色填充方法，包括：
7.接收用户针对待处理对象提交的颜色填充指令；
8.响应于所述颜色填充指令，将所述待处理对象的待填充模板加载至颜色填充界面；
9.基于用户在所述待填充模板的操作，确定待填充区域；
10.响应于所述用户在所述颜色填充界面的颜色参数操作，确定调整后的目标颜色；
11.将所述目标颜色填充至所述待填充区域。
12.根据本申请实施例的第二方面，提供了一种颜色填充装置，包括：
13.指令接收模块，被配置为接收用户针对待处理对象提交的颜色填充指令；
14.加载模块，被配置为响应于所述颜色填充指令，将所述待处理对象的待填充模板加载至颜色填充界面；
15.第一确定模块，被配置为基于用户在所述待填充模板的操作，确定待填充区域；
16.第二确定模块，被配置为响应于所述用户在所述颜色填充界面的颜色参数操作，确定调整后的目标颜色；
17.填充模块，被配置为将所述目标颜色填充至所述待填充区域。
18.根据本申请实施例的第三方面，提供了一种计算设备，包括：
19.存储器和处理器；
20.所述存储器用于存储计算机可执行指令，所述处理器用于执行所述计算机可执行指令，其中，所述处理器执行所述计算机可执行指令时实现所述颜色填充方法的步骤。
21.根据本申请实施例的第四方面，提供了一种计算机可读存储介质，其存储有计算机可执行指令，该指令被处理器执行时实现所述颜色填充的步骤。
22.本申请一个实施例实现了一种颜色填充方法及装置，其中，所述颜色填充方法包括接收用户针对待处理对象提交的颜色填充指令，响应于所述颜色填充指令，将所述待处理对象的待填充模板加载至颜色填充界面，基于用户在所述待填充模板的操作，确定待填充区域，响应于所述用户在所述颜色填充界面的颜色参数操作，确定调整后的目标颜色，将所述目标颜色填充至所述待填充区域。
23.本申请实施例中，用户通过点击和调整颜色填充界面中颜色参数的方式调整目标颜色，实现填充颜色的自定义，有利于保证根据所述用户自定义生成的目标颜色对待填充模板进行填充生成的颜色填充结果的个性化。
附图说明
24.图1是本申请一个实施例提供的一种颜色填充方法的系统架构图；
25.图2是本申请一个实施例提供的一种颜色填充方法的流程图；
26.图3是本申请一个实施例提供的一种颜色填充界面的示意图；
27.图4是本申请一个实施例提供的一种所述颜色填充方法的处理过程流程图；
28.图5是本申请一个实施例提供的一种颜色填充装置的结构示意图；
29.图6是本申请一个实施例提供的一种计算设备的结构框图。
具体实施方式
30.在下面的描述中阐述了很多具体细节以便于充分理解本申请。但是本申请能够以很多不同于在此描述的其它方式来实施，本领域技术人员可以在不违背本申请内涵的情况下做类似推广，因此本申请不受下面公开的具体实施的限制。
31.在本申请一个或多个实施例中使用的术语是仅仅出于描述特定实施例的目的，而非旨在限制本申请一个或多个实施例。在本申请一个或多个实施例和所附权利要求书中所使用的单数形式的“一种”、“所述”和“该”也旨在包括多数形式，除非上下文清楚地表示其他含义。还应当理解，本申请一个或多个实施例中使用的术语“和/或”是指并包含一个或多个相关联的列出项目的任何或所有可能组合。
32.应当理解，尽管在本申请一个或多个实施例中可能采用术语第一、第二等来描述各种信息，但这些信息不应限于这些术语。这些术语仅用来将同一类型的信息彼此区分开。例如，在不脱离本申请一个或多个实施例范围的情况下，第一也可以被称为第二，类似地，第二也可以被称为第一。取决于语境，如在此所使用的词语“如果”可以被解释成为“在
……
时”或“当
……
时”或“响应于确定”。
33.首先，对本申请一个或多个实施例涉及的名词术语进行解释。
34.canvas：一个html画布元素；它没有自己的行为，但是定义了一个api支持脚本化
客户端绘图操作；
35.上下文：canvas.getcontext()返回的一个对象；
36.灰度值：就是没有色彩，rgb色彩分量全部相等的颜色值；
37.在本申请中，提供了一种颜色填充方法。本申请一个或者多个实施例同时涉及一种颜色填充装置，一种计算设备，以及一种计算机可读存储介质，在下面的实施例中逐一进行详细说明。
38.本申请实施例提供的所述颜色填充方法可以应用于任何需要对线条图进行颜色填充的领域，例如游戏领域的填色游戏、电商领域的玩偶、卡通形象或手办的颜色填充设计等等；为了便于理解，本申请实施例以所述颜色填充方法应用于对游戏领域的待填充线条图的颜色填充为例进行详细介绍，但不局限于此。
39.具体实施时，本申请实施例的颜色填充界面可以呈现于大型图像显示设备、游戏机、台式计算机、智能手机、平板电脑、mp3(moving picture experts group audio layer iii，动态影像专家压缩标准音频层面3)播放器，mp4(moving picture experts group audio layer iv，动态影像专家压缩标准音频层面4)播放器、膝上型便携计算机、阅读器以及其它显示终端等客户端。
40.参见图1，图1示出了根据本申请一个实施例提供的一种颜色填充方法的系统架构图。
41.图1中，用户u1通过客户端a针对待处理对象提交颜色填充指令，客户端a从服务器获取所述待处理对象的待填充模板1，并在该客户端a的颜色填充界面展示所述待填充模板1，用户u1通过客户端a对所述待填充模板1进行颜色填充，生成对应的颜色填充结果；同样的，用户u2和用户u3可分别通过客户端b和客户端c针对待处理对象提交颜色填充指令，并由客户端b从服务器获取所述待处理对象的待填充模板2，并在该客户端b的颜色填充界面展示所述待填充模板2，用户u3通过客户端b对所述待填充模板2进行颜色填充，生成对应的颜色填充结果；以及，由客户端c从服务器获取所述待处理对象的待填充模板3，并在该客户端c的颜色填充界面展示所述待填充模板3，用户u3通过客户端c对所述待填充模板3进行颜色填充，生成对应的颜色填充结果。
42.其中，所述待填充模板1、待填充模板2和待填充模板3可以是同一待处理对象的不同的待填充模板，也可以是不同待处理对象分别对应的待填充模板，在此不做任何限制。
43.参见图2，图2示出了根据本申请一个实施例提供的一种颜色填充方法的流程图，包括以下步骤：
44.步骤202，接收用户针对待处理对象提交的颜色填充指令。
45.具体的，本说明书实施例提供的颜色填充方法应用于业务处理平台，所述待处理对象可以是业务提供方的业务人员根据实际需求设计的未上色的初始产品图，在所述初始产品图设计完成后，可由业务提供方将所述初始产品图发布至相关的业务处理平台，以由所述业务人员或业务处理平台中的其他用户通过所述业务处理平台对所述初始产品图进行颜色填充处理，其中，在将所述初始产品图发布至业务处理平台时，携带有所述初始产品图的标识信息。
46.因此，所述业务人员或其他用户可通过所述业务处理平台，并根据所述初始产品图的标识信息提交所述初始产品图的颜色填充指令，以对所述初始产品图进行颜色填充。
47.业务处理平台在接收到用户提交的颜色填充指令后，即可根据所述颜色填充指令中携带的待处理对象的标识信息加载并为用户展示所述待处理对象的待填充模板，用户可对所述待填充模板进行颜色填充。
48.步骤204，响应于所述颜色填充指令，将所述待处理对象的待填充模板加载至颜色填充界面。
49.具体的，如前所述，业务处理平台在接收到用户提交的颜色填充指令后，即可根据所述颜色填充指令中携带的待处理对象的标识信息确定所述待处理对象的待填充模板，并将所述待填充模板加载至颜色填充界面并为所述用户展示，用户可对所述待填充模板进行颜色填充。
50.具体实施时，所述待填充模板可以是所述待处理对象的线条图，在所述待处理对象为未上色的初始产品图的情况下，所述待填充模板即可以是所述初始产品图的线条图，因此，在所述业务处理平台通过浏览器中的网页实现的情况下，将所述待处理对象的待填充模板加载至颜色填充界面，即在浏览器的颜色填充界面设置画布，并将所述待处理对象的线条图作为所述待填充模板加载至所述画布。
51.其中，所述画布可以为canvas画布。所述canvas画布具体为在html5中新增的标签可用于在网页实时生成图像，并且可以操作图像内容，它相当于一个可以用javascript操作的位图(bitmap)，因此利用canvas画布来实现对待处理对象的待填充模板进行颜色填充，用户可通过网页的颜色填充界面所显示的颜色参数调整控件对不同颜色参数的属性参数值进行调整，以实现用户可对填充颜色进行自定义。
52.另外，待填充模板加载完成后，还可根据预设的界面显示框架对所述颜色填充界面进行初始化，例如，若所述界面显示框架中包含颜色参数进度条(色调进度条、饱和度进度条以及亮度进度条)，则根据所述界面显示框架对所述颜色填充界面进行初始化后，所述颜色填充界面同样会显示颜色参数进度条以及各进度条中颜色参数调整控件的初始位置。
53.本申请实施例提供的颜色填充界面的示意图如图3所示，图3显示的颜色填充界面中包含待填充模板、色调进度条、饱和度进度条、亮度进度条，以及根据三个进度条中颜色参数调整控件所在位置对应的属性参数值进行颜色合成得到的目标颜色，用户可通过调整不同进度条中颜色参数调整控件的位置，来调节目标颜色，实现对目标颜色的自定义，从而利用目标颜色对待填充模板进行颜色填充，得到个性化的填充结果。
54.步骤206，基于用户在所述待填充模板的操作，确定待填充区域。
55.具体的，在检测到用户点击待填充模板的情况下，根据点击操作确定待填充区域。
56.具体实施时，基于用户在所述待填充模板的操作，确定待填充区域，具体可通过以下方式实现：
57.确定所述点击操作对应的所述颜色填充界面的点击位置，并确定所述点击位置在颜色填充界面坐标系中的界面坐标；
58.根据所述颜色填充界面坐标系与画布坐标系之间的映射关系，将所述界面坐标转换为画布坐标；
59.确定画布中所述画布坐标对应像素点的像素值；
60.在所述像素值不等于0的情况下，确定所述线条图中所述画布坐标所属颜色填充网格，将所述颜色填充网格作为待填充区域。
61.具体的，由于在颜色填充界面设置了画布，并且在画布中加载了待填充模板，而待填充模板为灰度图，因此，待填充模板中的每个像素点均对应一个像素值。在检测到用户点击颜色填充界面的情况下，可确定点击操作对应的所述颜色填充界面的点击位置，并确定所述点击位置在颜色填充界面坐标系中的界面坐标，根据所述颜色填充界面坐标系与画布坐标系之间的映射关系，将所述界面坐标转换为画布坐标，并确定画布中所述画布坐标对应像素点的像素值；在所述像素值不等于0的情况下，确定所述线条图中所述画布坐标所属颜色填充网格，将所述颜色填充网格作为待填充区域。
62.通过判断像素值是否等于0来判断待填充模板是否有被选中，有利于避免用户点击空白区域而被计算机识别成是点击选中状态这一情况发生，提高了颜色填充过程中待填充模板被选中的判断准确率，从而有利于提高颜色填充过程的处理效率。
63.步骤208，响应于所述用户在所述颜色填充界面的颜色参数操作，确定调整后的目标颜色。
64.具体的，由于颜色填充界面中包含颜色参数调整控件，因此，所述颜色参数操作具体可以是用户对所述颜色填充界面中颜色参数调整控件的点击操作后，用户可通过调整所述颜色参数调整控件的位置的方式对待填充颜色进行调整。
65.具体实施时，响应于所述用户在所述颜色填充界面的颜色参数操作，确定调整后的目标颜色，包括：
66.响应于所述用户对所述颜色填充界面中至少一个颜色参数调整控件的点击操作确定所述至少一个颜色参数调整控件在分别与所述至少一个颜色参数调整控件对应颜色参数进度条中的位置；
67.根据所述位置确定至少一个颜色参数的属性参数值，并根据所述属性参数值确定调整后的目标颜色。
68.具体的，不同颜色参数对应的属性参数值的范围不同，例如，若所述颜色参数为色调，则色调的属性参数值范围为[0,0,0]至[255,255,255]共256*3个值；若所述颜色参数为亮度，则亮度的属性参数值范围为0至255共256个值。
[0069]
由于所述颜色填充界面中所显示的颜色参数进度条的长度有限，因此，为保证颜色参数的属性参数值确定结果的准确性，可预先建立颜色参数进度条的显示进度(颜色参数调整控件的位置)与颜色参数的属性参数值之间的映射关系。
[0070]
另外，由于不同的颜色参数调整控件用于调整不同颜色参数的颜色参数进度条的显示进度，因此，在接收到用户对所述颜色填充界面中颜色参数调整控件的点击操作的情况下，可先确定各颜色参数调整控件在其所属的颜色参数进度条中的位置，然后根据不同的颜色参数对应的颜色参数进度条与颜色参数的属性参数值之间的映射关系，确定颜色参数进度条中颜色参数调整控件的位置对应的颜色参数的属性参数值，再根据各颜色参数的属性参数值确定调整后的目标颜色。
[0071]
本申请实施例中，用户通过点击和调整颜色填充界面中颜色参数调整控件的方式调整目标颜色，实现填充颜色的自定义，有利于保证根据所述用户自定义生成的目标颜色对待填充模板进行填充生成的颜色填充结果的个性化。
[0072]
具体实施时，可通过颜色矩阵来表征颜色信息，在未对待填充模板中的某个像素点或像素区域进行颜色填充之前，所述像素点或像素区域对应的颜色矩阵即为初始颜色矩
阵，该初始颜色矩阵中元素的初始值可根据所述待填充模板中所述像素点或像素区域的灰度值确定。
[0073]
在检测到用户对所述颜色填充界面中颜色参数调整控件的点击操作后，可根据所述颜色参数操作确定与颜色参数调整控件的颜色参数对应的矩阵参数更新单元，并根据所述矩阵参数更新单元对所述待填充模板的初始颜色矩阵进行更新；
[0074]
根据更新后的颜色矩阵中的矩阵参数确定所述目标颜色。
[0075]
具体的，所述初始颜色矩阵是一个4
×
5的数字矩阵，初始颜色矩阵中的矩阵参数即为不同颜色参数的属性参数值。
[0076]
以所述初始颜色矩阵为为例，矩阵中由组成的矩阵单元为色调的属性参数值，由a
02
＝[a
41 a
42 a
43 a
44
]组成的矩阵单元为饱和度的属性参数值，由组成的矩阵单元为亮度的属性参数值。
[0077]
在接收到用户对所述颜色填充界面中颜色参数调整控件的点击操作的情况下，可先根据点击操作确定各颜色参数调整控件在其所属的颜色参数进度条中的位置，然后根据不同的颜色参数对应的颜色参数进度条与颜色参数的属性参数值之间的映射关系，确定颜色参数进度条中颜色参数调整控件的位置对应的颜色参数的属性参数值，再根据所述属性参数值对所述初始颜色矩阵中的矩阵参数进行更新，并根据更新后的颜色矩阵中的矩阵参数确定目标颜色。
[0078]
本申请实施例中，用户通过点击和调整颜色填充界面中颜色参数调整控件的方式调整目标颜色，实现填充颜色的自定义，有利于保证根据所述用户自定义生成的目标颜色对待填充模板进行填充生成的颜色填充结果的个性化。
[0079]
具体实施时，所述颜色参数包括色调，因此，所述颜色参数调整控件即包括色调调整控件；
[0080]
相应的，所述响应于所述用户在所述颜色填充界面的颜色参数操作，确定调整后的目标颜色，包括：
[0081]
响应于所述用户对所述颜色填充界面中色调调整控件的点击操作确定色调调整结果，并根据所述色调调整结果生成第一矩阵参数更新单元；
[0082]
根据所述第一矩阵参数更新单元对所述待填充模板的初始颜色矩阵的矩阵参数进行更新，生成第一颜色矩阵；
[0083]
根据所述第一颜色矩阵中的矩阵参数确定所述目标颜色。
[0084]
具体的，如图3所示，所述颜色填充界面中显示了色调进度条以及可用于调整色调
进度条的显示进度的滑块(色调调整控件)，用户可通过调整滑块在所述色调进度条中位置的方式调整所述色调进度条的显示进度，颜色填充界面在检测到用户对所述色调调整控件的点击操作(包括点击、滑动等操作)的情况下，根据点击操作结束后所述色调调整控件在所述色调进度条中的位置，确定调整后的色调参数值，并根据调整后的色调参数值生成所述第一矩阵参数更新单元。其中，所述第一矩阵参数更新单元即由rgb颜色参数构成。
[0085]
然后可根据所述第一矩阵参数更新单元对所述初始颜色矩阵的矩阵参数进行更新，即用所述第一矩阵参数更新单元替换所述初始颜色矩阵中的a
01
矩阵单元，生成第一颜色矩阵，并根据所述第一颜色矩阵中的矩阵参数确定所述目标颜色。
[0086]
进一步的，所述颜色参数还包括饱和度，因此，所述颜色参数调整控件还包括饱和度调整控件；
[0087]
相应的，所述响应于所述用户在所述颜色填充界面的颜色参数操作，确定调整后的目标颜色，包括：
[0088]
响应于所述用户对所述颜色填充界面中饱和度调整控件的点击操作确定饱和度调整结果，并根据所述饱和度调整结果生成第二矩阵参数更新单元；
[0089]
根据所述第二矩阵参数更新单元对所述第一颜色矩阵的矩阵参数进行更新，生成第二颜色矩阵；
[0090]
根据所述第二颜色矩阵中的矩阵参数确定所述目标颜色。
[0091]
具体的，如图3所示，所述颜色填充界面中显示了饱和度进度条以及可用于调整饱和度进度条的显示进度的滑块(饱和度调整控件)，用户可通过调整滑块在所述饱和度进度条中位置的方式调整所述饱和度进度条的显示进度，颜色填充界面在检测到用户对所述饱和度调整控件的点击操作(包括点击、滑动等操作)的情况下，根据点击操作结束后所述饱和度调整控件在所述饱和度进度条中的位置，确定调整后的饱和度参数值，并根据调整后的饱和度参数值生成所述第二矩阵参数更新单元。
[0092]
然后可根据所述第二矩阵参数更新单元对所述第一颜色矩阵的矩阵参数进行更新，即用所述第二矩阵参数更新单元替换所述第一颜色矩阵中的a
02
矩阵单元，生成第二颜色矩阵，并根据所述第二颜色矩阵中的矩阵参数确定所述目标颜色。
[0093]
更进一步的，所述颜色参数还包括亮度，因此，所述颜色参数调整控件还包括亮度调整控件；
[0094]
相应的，所述响应于所述用户在所述颜色填充界面的颜色参数操作，确定调整后的目标颜色，包括：
[0095]
响应于所述用户对所述颜色填充界面中亮度调整控件的点击操作确定亮度调整结果，并根据所述亮度调整结果生成第三矩阵参数更新单元；
[0096]
根据所述第三矩阵参数更新单元对所述第二颜色矩阵的矩阵参数进行更新，生成第三颜色矩阵；
[0097]
根据所述第三颜色矩阵中的矩阵参数确定所述目标颜色。
[0098]
具体的，如图3所示，所述颜色填充界面中显示了亮度进度条以及可用于调整亮度进度条的显示进度的滑块(亮度调整控件)，用户可通过调整滑块在所述亮度进度条中位置的方式调整所述亮度进度条的显示进度，颜色填充界面在检测到用户对所述亮度调整控件的点击操作(包括点击、滑动等操作)的情况下，根据点击操作结束后所述亮度调整控件在
所述亮度进度条中的位置，确定调整后的亮度参数值，并根据调整后的亮度参数值生成所述第三矩阵参数更新单元。
[0099]
然后可根据所述第三矩阵参数更新单元对所述第二颜色矩阵的矩阵参数进行更新，即用所述第三矩阵参数更新单元替换所述第二颜色矩阵中的a
03
矩阵单元，生成第三颜色矩阵，并根据所述第三颜色矩阵中的矩阵参数确定所述目标颜色。
[0100]
本申请实施例中，用户通过点击和调整颜色填充界面中颜色参数调整控件的方式调整目标颜色，实现填充颜色的自定义，有利于保证根据所述用户自定义生成的目标颜色对待填充模板进行填充生成的颜色填充结果的个性化。
[0101]
具体实施时，所述根据所述矩阵参数更新单元对所述待填充模板的初始颜色矩阵进行更新，包括：
[0102]
通过矩阵合并算法及所述矩阵参数更新单元对所述待填充模板的初始颜色矩阵中的矩阵参数进行更新。
[0103]
具体可通过算法colormatrixbyrgb将该颜色值存放在颜色矩阵cueselrgbmatrix中；
[0104]
根据算法mergecolor1baohe将饱和度加入到颜色矩阵cueselrgbmatrix中，即根据饱和度对颜色矩阵cueselrgbmatrix进行调整；
[0105]
根据算法mergecolor1liangdu将亮度offset(偏移量)加入到颜色矩阵cueselrgbmatrix中，即根据亮度offset对颜色矩阵cueselrgbmatrix进行调整。
[0106]
本申请实施例中的颜色参数包括色调、饱和度以及亮度，前述实施例以依次调节色调调整控件、饱和度调整控件、亮度调整控件的实施过程为例进行适应性说明，但实际应用中，颜色调整控件的调整个数或调整顺序可根据实际需求进行确定，即用户可先调整亮度调整控件的位置，再调整色调调整控件的位置，最后调整饱和度调整控件的位置，或者，用户可仅对三个颜色调整控件中任意一个或任意两个颜色调整控件的位置进行调整，在此不做任何限制。
[0107]
本申请实施例中，用户通过点击和调整颜色填充界面中颜色参数调整控件的方式调整目标颜色，实现填充颜色的自定义，有利于保证根据所述用户自定义生成的目标颜色对待填充模板进行填充生成的颜色填充结果的个性化。
[0108]
步骤210，将所述目标颜色填充至所述待填充区域。
[0109]
具体的，在确定待填充区域以及目标颜色后，可将所述目标颜色填充至所述待填充区域。
[0110]
另外，本申请实施例中，用户可先调整颜色调整控件，以确定待填充的目标颜色，再点击选择目标填充区域，或先点击选择目标填充区域，后调整颜色调整控件确定待填充的目标颜色，在此不做限制。
[0111]
本申请实施例中，用户通过点击和调整颜色填充界面中颜色参数调整控件的方式调整目标颜色，实现填充颜色的自定义，有利于保证根据所述用户自定义生成的目标颜色对待填充模板进行填充生成的颜色填充结果的个性化。
[0112]
参见图4，以本申请实施例提供的所述颜色填充方法在游戏领域的应用为例，对所述颜色填充方法进行进一步说明。其中，图4示出了本申请一个实施例提供的一种颜色填充方法的处理过程流程图，具体包括以下步骤：
[0113]
步骤402，在浏览器的颜色填充界面设置画布，并将所述待处理对象的线条图作为所述待填充模板加载至所述画布。
[0114]
步骤404，根据预设的界面显示框架对所述颜色填充界面进行初始化。
[0115]
初始化颜色填充界面，指定色调滚动条滑块、饱和度滚动条滑块、亮度滚动条滑块初始值，并开启监听用户操作。
[0116]
步骤406，响应于用户对所述颜色填充界面中色调调整控件的点击操作确定色调调整结果，并根据所述色调调整结果生成第一矩阵参数更新单元。
[0117]
步骤408，根据所述第一矩阵参数更新单元对所述待填充模板的初始颜色矩阵的矩阵参数进行更新，生成第一颜色矩阵。
[0118]
步骤410，根据所述第一颜色矩阵中的矩阵参数确定目标颜色。
[0119]
步骤412，响应于用户对所述颜色填充界面中饱和度调整控件的点击操作确定饱和度调整结果，并根据所述饱和度调整结果生成第二矩阵参数更新单元。
[0120]
步骤414，根据所述第二矩阵参数更新单元对所述待填充模板的初始颜色矩阵的矩阵参数进行更新，生成第二颜色矩阵。
[0121]
步骤416，根据所述第二颜色矩阵中的矩阵参数确定目标颜色。
[0122]
步骤418，响应于所述用户对所述颜色填充界面中亮度调整控件的点击操作确定亮度调整结果，并根据所述亮度调整结果生成第三矩阵参数更新单元。
[0123]
步骤420，根据所述第三矩阵参数更新单元对所述待填充模板的初始矩阵参数进行更新，生成第三颜色矩阵。
[0124]
步骤422，根据所述第三颜色矩阵中的矩阵参数确定目标颜色。
[0125]
本申请实施例中，步骤406、步骤412以及步骤418并列执行，但实际应用中，上述三个步骤也可顺序执行，即依次调节色调、饱和度和亮度的参数调整控件，并根据三个控件的调整结果确定目标颜色，但是，对色调、饱和度和亮度的参数调整控件的调整顺序并无严格先后顺序的限定，具体可根据实际需求确定。
[0126]
步骤424，响应于所述用户对所述待填充模板的点击操作确定所述点击操作对应的所述颜色填充界面的点击位置，并确定所述点击位置在颜色填充界面坐标系中的界面坐标。
[0127]
步骤426，根据所述颜色填充界面坐标系与画布坐标系之间的映射关系，将所述界面坐标转换为画布坐标。
[0128]
步骤428，判断画布中所述画布坐标对应像素点的像素值是否为0。
[0129]
若否，则执行步骤430；若是，则不做颜色填充操作。
[0130]
步骤430，确定待填充模板中所述画布坐标所属颜色填充网格，将所述颜色填充网格作为待填充区域，并将所述目标颜色填充至所述待填充区域。
[0131]
本申请实施例中，用户通过点击和调整颜色填充界面中颜色参数调整控件的方式调整目标颜色，实现填充颜色的自定义，有利于保证根据所述用户自定义生成的目标颜色对待填充模板进行填充生成的颜色填充结果的个性化。
[0132]
与上述方法实施例相对应，本申请还提供了颜色填充装置实施例，图5示出了本申请一个实施例提供的一种颜色填充装置的结构示意图。如图5所示，该装置包括：
[0133]
指令接收模块502，被配置为接收用户针对待处理对象提交的颜色填充指令；
[0134]
加载模块504，被配置为响应于所述颜色填充指令，将所述待处理对象的待填充模板加载至颜色填充界面；
[0135]
第一确定模块506，被配置为基于用户在所述待填充模板的操作，确定待填充区域；
[0136]
第二确定模块508，被配置为响应于所述用户在所述颜色填充界面的颜色参数操作，确定调整后的目标颜色；
[0137]
填充模块510，被配置为将所述目标颜色填充至所述待填充区域。
[0138]
可选地，所述第二确定模块508，包括：
[0139]
第一更新子模块，被配置为根据所述颜色参数操作确定与颜色参数调整控件的颜色参数对应的矩阵参数更新单元，并根据所述矩阵参数更新单元对所述待填充模板的初始颜色矩阵进行更新；
[0140]
第一确定子模块，被配置为根据更新后的颜色矩阵中的矩阵参数确定所述目标颜色。
[0141]
可选地，所述颜色参数包括色调；
[0142]
相应的，所述第二确定模块508，包括：
[0143]
第一生成子模块，被配置为响应于所述用户对所述颜色填充界面中色调调整控件的点击操作确定色调调整结果，并根据所述色调调整结果生成第一矩阵参数更新单元；
[0144]
第二更新子模块，被配置为根据所述第一矩阵参数更新单元对所述待填充模板的初始颜色矩阵的矩阵参数进行更新，生成第一颜色矩阵；
[0145]
第二确定子模块，被配置为根据所述第一颜色矩阵中的矩阵参数确定所述目标颜色。
[0146]
可选地，所述颜色参数还包括饱和度；
[0147]
相应的，所述第二确定模块508，包括：
[0148]
第二生成子模块，被配置为响应于所述用户对所述颜色填充界面中饱和度调整控件的点击操作确定饱和度调整结果，并根据所述饱和度调整结果生成第二矩阵参数更新单元；
[0149]
第三更新子模块，被配置为根据所述第二矩阵参数更新单元对所述第一颜色矩阵的矩阵参数进行更新，生成第二颜色矩阵；
[0150]
第三确定子模块，被配置为根据所述第二颜色矩阵中的矩阵参数确定所述目标颜色。
[0151]
可选地，所述颜色参数还包括亮度；
[0152]
相应的，所述第二确定模块508，包括：
[0153]
第三生成子模块，被配置为响应于所述用户对所述颜色填充界面中亮度调整控件的点击操作确定亮度调整结果，并根据所述亮度调整结果生成第三矩阵参数更新单元；
[0154]
第四更新子模块，被配置为根据所述第三矩阵参数更新单元对所述第二颜色矩阵的矩阵参数进行更新，生成第三颜色矩阵；
[0155]
第四确定子模块，被配置为根据所述第三颜色矩阵中的矩阵参数确定所述目标颜色。
[0156]
可选地，所述加载模块504，包括：
[0157]
加载子模块，被配置为在浏览器的颜色填充界面设置画布，并将所述待处理对象的线条图作为所述待填充模板加载至所述画布。
[0158]
可选地，所述第一确定模块506，包括：
[0159]
坐标确定子模块，被配置为确定所述点击操作对应的所述颜色填充界面的点击位置，并确定所述点击位置在颜色填充界面坐标系中的界面坐标；
[0160]
坐标转换子模块，被配置为根据所述颜色填充界面坐标系与画布坐标系之间的映射关系，将所述界面坐标转换为画布坐标；
[0161]
像素值确定子模块，被配置为确定画布中所述画布坐标对应像素点的像素值；
[0162]
填充子模块，被配置为在所述像素值不等于0的情况下，确定所述线条图中所述画布坐标所属颜色填充网格，将所述颜色填充网格作为待填充区域。
[0163]
可选地，所述第一更新子模块，包括：
[0164]
更新单元，被配置为通过矩阵合并算法及所述矩阵参数更新单元对所述待填充模板的初始颜色矩阵中的矩阵参数进行更新。
[0165]
可选地，所述第二确定模块508，包括：
[0166]
第五确定子模块，被配置为响应于所述用户对所述颜色填充界面中至少一个颜色参数调整控件的点击操作确定所述至少一个颜色参数调整控件在分别与所述至少一个颜色参数调整控件对应颜色参数进度条中的位置；
[0167]
第六确定子模块，被配置为根据所述位置确定至少一个颜色参数的属性参数值，并根据所述属性参数值确定调整后的目标颜色。
[0168]
上述为本实施例的一种颜色填充装置的示意性方案。需要说明的是，该颜色填充装置的技术方案与上述的颜色填充方法的技术方案属于同一构思，颜色填充装置的技术方案未详细描述的细节内容，均可以参见上述颜色填充方法的技术方案的描述。
[0169]
图6示出了根据本申请一个实施例提供的一种计算设备600的结构框图。该计算设备600的部件包括但不限于存储器610和处理器620。处理器620与存储器610通过总线630相连接，数据库650用于保存数据。
[0170]
计算设备600还包括接入设备640，接入设备640使得计算设备600能够经由一个或多个网络660通信。这些网络的示例包括公用交换电话网(pstn)、局域网(lan)、广域网(wan)、个域网(pan)或诸如因特网的通信网络的组合。接入设备640可以包括有线或无线的任何类型的网络接口(例如，网络接口卡(nic))中的一个或多个，诸如ieee802.11无线局域网(wlan)无线接口、全球微波互联接入(wi
‑
max)接口、以太网接口、通用串行总线(usb)接口、蜂窝网络接口、蓝牙接口、近场通信(nfc)接口，等等。
[0171]
在本申请的一个实施例中，计算设备600的上述部件以及图6中未示出的其他部件也可以彼此相连接，例如通过总线。应当理解，图6所示的计算设备结构框图仅仅是出于示例的目的，而不是对本申请范围的限制。本领域技术人员可以根据需要，增添或替换其他部件。
[0172]
计算设备600可以是任何类型的静止或移动计算设备，包括移动计算机或移动计算设备(例如，平板计算机、个人数字助理、膝上型计算机、笔记本计算机、上网本等)、移动电话(例如，智能手机)、可佩戴的计算设备(例如，智能手表、智能眼镜等)或其他类型的移动设备，或者诸如台式计算机或pc的静止计算设备。计算设备600还可以是移动式或静止式
的服务器。
[0173]
其中，处理器620用于执行如下计算机可执行指令，所述处理器用于执行所述计算机可执行指令，其中，所述处理器执行所述计算机可执行指令时实现所述颜色填充方法的步骤。
[0174]
上述为本实施例的一种计算设备的示意性方案。需要说明的是，该计算设备的技术方案与上述的颜色填充方法的技术方案属于同一构思，计算设备的技术方案未详细描述的细节内容，均可以参见上述颜色填充方法的技术方案的描述。
[0175]
本申请一实施例还提供一种计算机可读存储介质，其存储有计算机可执行指令，该指令被处理器执行时实现所述颜色填充方法的步骤。
[0176]
上述为本实施例的一种计算机可读存储介质的示意性方案。需要说明的是，该存储介质的技术方案与上述的颜色填充方法的技术方案属于同一构思，存储介质的技术方案未详细描述的细节内容，均可以参见上述颜色填充方法的技术方案的描述。
[0177]
上述对本申请特定实施例进行了描述。其它实施例在所附权利要求书的范围内。在一些情况下，在权利要求书中记载的动作或步骤可以按照不同于实施例中的顺序来执行并且仍然可以实现期望的结果。另外，在附图中描绘的过程不一定要求示出的特定顺序或者连续顺序才能实现期望的结果。在某些实施方式中，多任务处理和并行处理也是可以的或者可能是有利的。
[0178]
所述计算机指令包括计算机程序代码，所述计算机程序代码可以为源代码形式、对象代码形式、可执行文件或某些中间形式等。所述计算机可读介质可以包括：能够携带所述计算机程序代码的任何实体或装置、记录介质、u盘、移动硬盘、磁碟、光盘、计算机存储器、只读存储器(rom，read
‑
only memory)、随机存取存储器(ram，random access memory)、电载波信号、电信信号以及软件分发介质等。需要说明的是，所述计算机可读介质包含的内容可以根据司法管辖区内立法和专利实践的要求进行适当的增减，例如在某些司法管辖区，根据立法和专利实践，计算机可读介质不包括电载波信号和电信信号。
[0179]
需要说明的是，对于前述的各方法实施例，为了简便描述，故将其都表述为一系列的动作组合，但是本领域技术人员应该知悉，本申请实施例并不受所描述的动作顺序的限制，因为依据本申请实施例，某些步骤可以采用其它顺序或者同时进行。其次，本领域技术人员也应该知悉，说明书中所描述的实施例均属于优选实施例，所涉及的动作和模块并不一定都是本申请实施例所必须的。
[0180]
在上述实施例中，对各个实施例的描述都各有侧重，某个实施例中没有详述的部分，可以参见其它实施例的相关描述。
[0181]
以上公开的本申请优选实施例只是用于帮助阐述本申请。可选实施例并没有详尽叙述所有的细节，也不限制该发明仅为所述的具体实施方式。显然，根据本申请实施例的内容，可作很多的修改和变化。本申请选取并具体描述这些实施例，是为了更好地解释本申请实施例的原理和实际应用，从而使所属技术领域技术人员能很好地理解和利用本申请。本申请仅受权利要求书及其全部范围和等效物的限制。