技术摘要：
本申请实施例提供了一种图片检索方法、装置、电子设备及存储介质，该方法应用于图片检索系统中，图片检索系统包括基于canvas的在线图片工具，在线图片工具中配置有至少一种素材图片，方法包括：通过素材图片选择界面接收用户的素材选择指令，并获取素材选择指令所对应  全部
背景技术：
随着技术的发展，有时候需要基于包含人体特征的图片在检索系统中进行检索， 以确定该人体特征具体属于哪一人。当不存在包含人体特征的图片时，通常会基于客户端 的画图工具根据他人的描述来绘制图片，然后基于绘制的图片在检索系统中进行检索。 但是，目前在基于客户端的画图工具绘制的图片进行检索时，需要将绘制的图片 从画图工具中下载保存，然后再上传至检索系统，显然这种方案过程比较繁琐、并且不能快 速布控，导致效率较低；并且可能在下载保存再上传的过程中损失图像分辨率，进而造成检 索精度降低。
技术实现要素：
本申请实施例提供了一种图片检索方法、装置、电子设备及存储介质，技术方案如 下： 第一方面，本申请实施例提供了一种图片检索方法，该方法应用于图片检索系统 中，图片检索系统包括基于canvas(画布)的在线图片工具，在线图片工具中配置有至少一 种素材图片，方法包括： 通过素材图片选择界面接收用户的素材选择指令，并获取素材选择指令所对应的 素材图片的图片数据； 根据素材图片的canvas标签和图片数据，在canvas标签对应的canvas上绘制图片 数据得到目标图片； 将绘制得到的至少一张目标图片进行叠加，得到待检索图片； 基于待检索图片进行检索。 第一方面可选的实施例中，将绘制得到的至少一张目标图片进行叠加之前，还包 括： 接收染色指令，染色指令中包括用户选择的目标图片中的待染色区域以及待染色 区域的染色样式； 基于染色样式对待染色区域进行染色处理，得到染色后的图片； 将绘制的得到的至少一张目标图片进行叠加，得到待检索图片，包括： 将染色后的至少一张目标图片进行叠加，得到待检索图片。 第一方面可选的实施例中，待染色区域包含轮廓区域和非轮廓区域，待染色区域 5 CN 111611416 A 说　明　书 2/19 页 的染色样式包含待染色区域的非轮廓区域对应的染色像素值； 基于染色样式对待染色区域进行染色处理，包括： 对待染色区域进行染色处理，以使待染色区域的非轮廓区域中的像素点的像素值 为染色像素值，以及以使待染色区域的轮廓区域中的像素点的像素值为第一像素值，第一 像素值是与染色像素值不同的像素值。 第一方面可选的实施例中，对待染色区域进行染色处理，包括： 对待染色区域的轮廓区域和非轮廓区域进行第一染色处理，以使待染色区域的非 轮廓区域中的像素点的像素值为染色像素值，待染色区域的轮廓区域中的像素点的像素值 为第一像素值。 第一方面可选的实施例中，第一染色处理指的是将待染色区域中的原像素值叠加 基色像素值，基色像素值为染色像素值与待染色区域的非轮廓区域中的原像素值的差值。 第一方面可选的实施例中，染色样式还包含待染色区域的非轮廓区域的图案样 式，图案样式包括纯色图案样式和非纯色图案样式。 第一方面可选的实施例中，若图案样式为非纯色图案样式，非纯色图案样式包括 至少两种子图案，且每种子图案对应一种染色像素值； 待染色区域包含至少两个子区域，每个子区域与一种子图案对应，每个子区域包 含轮廓区域和非轮廓区域，待染色区域的染色样式包含与每个子区域的非轮廓区域对应的 染色像素值； 基于染色样式对待染色区域进行染色处理，包括： 对每个子区域进行染色处理，以使每个子区域的非轮廓区域中的像素点的像素值 为子区域的非轮廓区域对应的染色像素值，以及以使每个子区域中的轮廓区域中的像素值 为第二像素值，第二像素值是与子区域的非轮廓区域对应的染色像素值不同的像素值。 第一方面可选的实施例中，通过下列方式确定每个子区域的位置、大小以及每个 子区域对应的染色像素值： 基于待染色区域的大小、每种子图案之间的相对位置关系以及每种子图案的大 小，确定每个子区域的位置、大小以及每个子区域对应的染色像素值。 第一方面可选的实施例中，基于染色样式对待染色区域进行染色处理，得到染色 后的图片，包括： 生成与待染色区域的染色样式相同的样本染色图片，样本染色图片与绘制待染色 区域的canvas大小相同； 对待染色区域进行染色处理，得到第一染色图像，以使待染色区域的非轮廓区域 的像素点的像素值为0，待染色区域中的轮廓区域中的像素值不为0； 将样本染色图片叠加在第一染色图像上，得到染色后的图片。 第一方面可选的实施例中，对待染色区域进行染色处理，得到第一染色图像，包 括： 对待染色区域的轮廓区域和非轮廓区域进行第二染色处理，得到第一染色图像。 第一方面可选的实施例中，第二染色处理指的是将待染色区域中像素点的原像素 值叠加基准像素值，基准像素值为待染色区域的非轮廓区域中像素点的原像素值的相反 数。 6 CN 111611416 A 说　明　书 3/19 页 第一方面可选的实施例中，根据素材图片的canvas标签和图片数据，在canvas标 签对应的canvas上绘制图片数据得到目标图片，包括： 确定素材图片对应的位置信息； 基于图片数据和位置信息，在canvas标签对应的canvas上绘制图片数据得到目标 图片。 第一方面可选的实施例中，确定目标图片对应的位置信息，包括： 确定当前绘制得到的所有目标图片中是否包括人体模型图片； 若确定当前绘制得到的所有目标图片中包括人体模型图片，则确定素材图片对应 的位置信息为对应于人体模型图片的位置信息，否则确定素材图片对应的位置信息为默认 位置信息。 第一方面可选的实施例中，获取素材选择指令所对应的素材图片的图片数据，包 括： 根据素材图片的url(Uniform  Resource  Locator，统一资源定位符)获取素材图 片的图片数据。 第一方面可选的实施例中，基于待检索图片进行检索，包括： 按照预设的规则对待检索图片进行处理，得到处理后的待检索图片； 基于处理后的待检索图片的数据进行检索。 第一方面可选的实施例中，在canvas标签对应的canvas上绘制得到目标图片之 后，还包括： 接收调整指令，基于调整指令对用户选择的目标图片的信息进行调整； 调整指令包括图片大小调整指令和图片位置调整指令中的至少一种。 第一方面可选的实施例中，基于调整指令对用户选择的目标图片的信息进行调 整，包括： 确定用户选择的目标图片的调整后的信息； 基于调整后的信息调整用户选择的目标图片，得到调整后的目标图片； 将调整后的目标图片绘制在对应的canvas上。 第一方面可选的实施例中，若接收到擦除指令，该方法还包括： 接收用户选择的待删除区域起始点和待删除区域终止点； 根据待删除区域起始点和待删除区域终止点确定待删除区域； 将处于待删除区域中的目标图片从canvas中删除。 第一方面可选的实施例中，若接收到绘制指令，方法还包括： 接收用户选择的绘制起始点和绘制终止点； 根据绘制起始点和绘制终止点确定目标路径； 将目标路径绘制在canvas中。 第一方面可选的实施例中，该方法还包括： 获取用户输入的待绘制文字； 将待绘制文字绘制在canvas中。 第二方面，本申请实施例提供了一种图片检索装置，该装置包含于图片检索系统 中，图片检索系统包括基于canvas的在线图片工具，在线图片工具中配置有至少一种素材 7 CN 111611416 A 说　明　书 4/19 页 图片，该装置包括： 图片数据获取模块，用于通过素材图片选择界面接收用户的素材选择指令，并获 取素材选择指令所对应的素材图片的图片数据； 目标图片绘制模块，用于根据素材图片的canvas标签和图片数据，在canvas标签 对应的canvas上绘制图片数据得到目标图片； 待检索图片绘制模块，用于将绘制得到的至少一张目标图片进行叠加，得到待检 索图片； 图片检索模块，用于基于待检索图片进行检索。 第二方面可选的实施例中，该装置还包括染色处理模块，具体用于： 在将绘制得到的至少一张目标图片进行叠加之前，接收染色指令，染色指令中包 括用户选择的目标图片中的待染色区域以及待染色区域的染色样式； 基于染色样式对待染色区域进行染色处理，得到染色后的图片； 待检索图片绘制模块在将绘制得到的至少一张目标图片进行叠加，得到待检索图 片时，具体用于： 将染色后的至少一张目标图片进行叠加，得到待检索图片。 第二方面可选的实施例中，待染色区域包含轮廓区域和非轮廓区域，待染色区域 的染色样式包含待染色区域的非轮廓区域对应的染色像素值； 染色处理模块在基于染色样式对待染色区域进行染色处理时，具体用于： 对待染色区域进行染色处理，以使待染色区域的非轮廓区域中的像素点的像素值 为染色像素值，以及以使待染色区域的轮廓区域中的像素点的像素值为第一像素值，第一 像素值是与染色像素值不同的像素值。 第二方面可选的实施例中，染色处理模块在对待染色区域进行染色处理时，具体 用于： 对待染色区域的轮廓区域和非轮廓区域进行第一染色处理，以使待染色区域的非 轮廓区域中的像素点的像素值为染色像素值，待染色区域的轮廓区域中的像素点的像素值 为第一像素值。 第二方面可选的实施例中，第一染色处理指的是将待染色区域中的原像素值叠加 基色像素值，基色像素值为染色像素值与待染色区域的非轮廓区域中的像素点的原像素值 的差值。 第二方面可选的实施例中，染色样式还包含待染色区域的非轮廓区域的图案样 式，图案样式包括纯色图案样式和非纯色图案样式。 第二方面可选的实施例中，若图案样式为非纯色图案样式，非纯色图案样式包括 至少两种子图案，且每种子图案对应一种染色像素值； 待染色区域包含至少两个子区域，每个子区域与一种子图案对应，每个子区域包 含轮廓区域和非轮廓区域，待染色区域的染色样式包含与每个子区域的非轮廓区域对应的 染色像素值； 染色处理模块在基于染色样式对待染色区域进行染色处理时，具体用于： 对每个子区域进行染色处理，以使每个子区域的非轮廓区域中的像素点的像素值 为子区域的非轮廓区域对应的染色像素值，以及以使每个子区域中的轮廓区域中的像素值 8 CN 111611416 A 说　明　书 5/19 页 为第二像素值，第二像素值是与子区域的非轮廓区域对应的染色像素值不同的像素值。 第二方面可选的实施例中，染色处理模块通过下列方式确定每个子区域的位置、 大小以及每个子区域对应的染色像素值： 基于待染色区域的大小、每种子图案之间的相对位置关系以及每种子图案的大 小，确定每个子区域的位置、大小以及每个子区域对应的染色像素值。 第二方面可选的实施例中，染色处理模块在基于染色样式对待染色区域进行染色 处理，得到染色后的图片时，具体用于： 生成与待染色区域的染色样式相同的样本染色图片，样本染色图片与绘制待染色 区域的canvas大小相同； 对待染色区域进行染色处理，得到第一染色图像，以使待染色区域的非轮廓区域 的像素点的像素值为0，待染色区域中的轮廓区域中的像素值不为0； 将样本染色图片叠加在第一染色图像上，得到染色后的图片。 第二方面可选的实施例中，染色处理模块在对待染色区域进行染色处理，得到第 一染色图像时，具体用于： 对待染色区域的轮廓区域和非轮廓区域进行第二染色处理，得到第一染色图像。 第二方面可选的实施例中，第二染色处理指的是将待染色区域中像素点的原像素 值叠加基准像素值，基准像素值为待染色区域的非轮廓区域中像素点的原像素值的相反 数。 第二方面可选的实施例中，目标图片绘制模块在根据素材图片的canvas标签和图 片数据，在canvas标签对应的canvas上绘制得图片数据到目标图片时，具体用于： 确定素材图片对应的位置信息； 基于图片数据和位置信息，在canvas标签对应的canvas上绘制图片数据得到目标 图片。 第二方面可选的实施例中，目标图片绘制模块在确定目标图片对应的位置信息 时，具体用于： 确定当前绘制得到的所有目标图片中是否包括人体模型图片； 若确定当前绘制得到的所有目标图片中包括人体模型图片，则确定素材图片对应 的位置信息为对应于人体模型图片的位置信息，否则确定素材图片对应的位置信息为默认 位置信息。 第二方面可选的实施例中，图片数据获取模块在获取素材选择指令所对应的素材 图片的图片数据时，具体用于： 根据素材图片的url获取素材图片的图片数据。 第二方面可选的实施例中，图片检索模块在基于待检索图片进行检索时，具体用 于： 按照预设的规则对待检索图片进行处理，得到处理后的待检索图片，基于处理后 的待检索图片的数据进行检索。 第二方面可选的实施例中，该装置还包括图片调整模块，具体用于： 在canvas标签对应的canvas上绘制得到目标图片之后，接收调整指令； 基于调整指令对用户选择的目标图片的信息进行调整； 9 CN 111611416 A 说　明　书 6/19 页 调整指令包括图片大小调整指令和图片位置调整指令中的至少一种。 第二方面可选的实施例中，图片调整模块在基于调整指令对用户选择的目标图片 的信息进行调整时，具体用于： 确定用户选择的目标图片的调整后的信息； 基于调整后的信息调整用户选择的目标图片，得到调整后的目标图片； 将调整后的目标图片绘制在对应的canvas上。 第二方面可选的实施例中，该装置还包括图片删除模块，具体用于： 在接收到擦除指令后，接收用户选择的待删除区域起始点和待删除区域终止点； 根据待删除区域起始点和待删除区域终止点确定待删除区域； 将处于待删除区域中的目标图片从canvas中删除。 第二方面可选的实施例中，该装置还包括手绘图片模块，具体用于： 在接收到绘制指令后，接收用户选择的绘制起始点和绘制终止点； 根据绘制起始点和绘制终止点确定目标路径； 将目标路径绘制在canvas中。 第二方面可选的实施例中，该装置还包括文字绘制模块，具体用于： 获取用户输入的待绘制文字； 将待绘制文字绘制在canvas中。 第三方面，本申请实施例提供了一种电子设备，该电子设备包括： 一个或多个处理器； 存储器； 一个或多个应用程序，其中，一个或多个应用程序被存储在存储器中并被配置为 由一个或多个处理器执行，一个或多个应用程序被处理器执行时实现第一方面任一可选实 施例中所示的方法。 第四方面，本申请实施例提供了一种计算机可读存储介质，计算机存储介质用于 存储计算机指令，当计算机指令在计算机上运行时，使得计算机可以执行，计算机存储介质 用于存储计算机指令，当其在计算机上运行时，使得计算机可以执行第一方面任一可选实 施例中所示的方法。 本申请实施例提供的技术方案带来的有益效果是： 在本申请实施例中，由于基于canvas的在线图片工具是直接融入网页并包含在图 像检索系统中，这样用户在采用图片检索系统检索时，可以基于canvas的在线图片工具在 线绘制待检索图片，并且在绘制完成后可以直接将待检索图像发送到图像检索系统或检索 服务器进行检索，相比于采用基于线下的画图客户端绘制待检索图片，简化了待检索图片 的绘制过程，减少了检索时间。进一步的，在本方案中由于采用了特殊的素材绘制方法和染 色方法，可以进一步提高了绘图效率，并且同时保证了待检索图片的准确性。 附图说明 为了更清楚地说明本申请实施例中的技术方案，下面将对本申请实施例描述中所 需要使用的附图作简单地介绍。 图1为本申请实施例提供的一种图片检索方法的流程示意图； 10 CN 111611416 A 说　明　书 7/19 页 图2A为本申请实施例提供的一种待染色区域的示意图； 图2B为本申请实施例提供的一种样本染色图片的示意图； 图2C为本申请实施例提供的一种采用圆点图案样式染色后的效果示意图； 图2D为本申请实施例提供的一种在线画图工具的界面示意图； 图3为本申请实施例提供的一种图片检索装置的结构示意图； 图4为本申请实施例提供的一种电子设备的结构示意图。