CN111598639A - 用于生成图像的方法和装置 - Google Patents

Abstract

本申请实施例公开了用于生成图像的方法和装置。该方法的一具体实施方式包括：响应于检测到用户操作，获取第一图像，其中，第一图像是对目标物品图像中所显示的目标物品的区域进行透明处理得到的；分别确定第一图像和目标图像放置于所显示的目标页面中的位置，其中，第一图像和所述目标图像放置于目标页面中的位置满足预设条件；基于所确定的位置和预设叠加顺序，对第一图像和目标图像进行叠加处理，生成包括与目标图像的颜色相匹配的区域的图像。该实施方式实现了将透明处理后的第一图像和目标图像进行叠加处理,进而生成包括与目标图像的颜色相匹配的区域的图像。

Description

用于生成图像的方法和装置

技术领域

本申请实施例涉及计算机技术领域，具体涉及用于生成图像的方法和装置。

背景技术

实践中，网络平台(例如，购物应用)中介绍的物品往往有各种颜色。为了满足用户对物品的颜色的不同需求，网络平台通常支持用户在线定制物品的颜色。

发明内容

本申请实施例提出了用于生成图像的方法和装置。

第一方面，本申请实施例提供了一种用于生成图像的方法，该方法包括：响应于检测到用户操作，获取第一图像，其中，第一图像是对目标物品图像中所显示的目标物品的区域进行透明处理得到的；分别确定第一图像和目标图像放置于所显示的目标页面中的位置，其中，第一图像和目标图像放置于目标页面中的位置满足预设条件；基于所确定的位置和预设叠加顺序，对第一图像和目标图像进行叠加处理，生成包括与目标图像的颜色相匹配的区域的图像。

在一些实施例中，在获取第一图像之前，上述方法还包括：获取目标文件，其中，目标文件中包括第一图像存储位置信息、第一图像放置位置信息和目标图像放置位置信息，第一图像放置位置信息和目标图像放置位置信息所指示的位置满足预设条件；以及上述获取第一图像，包括：根据第一图像存储位置信息，获取第一图像。

在一些实施例中，上述分别确定第一图像和目标图像放置于所显示的目标页面中的位置，包括：根据第一图像放置位置信息和目标图像放置位置信息，分别确定第一图像和目标图像放置于所显示的目标页面中的位置。

在一些实施例中，在确定第一图像放置于所显示的目标页面中的位置之前，上述方法还包括：获取第二图像，其中，第二图像是对目标物品图像进行纹理处理得到的；以及在对第一图像和目标图像进行叠加处理之前，上述方法还包括：确定第二图像放置于目标页面中的位置。

在一些实施例中，上述对第一图像和目标图像进行叠加处理，生成包括与目标图像的颜色相匹配的区域的图像，包括：对第一图像、目标图像和第二图像进行叠加处理，生成包括与目标图像的颜色相匹配、与第二图像的纹理相匹配的区域的图像。

在一些实施例中，在对第一图像、目标图像和第二图像进行叠加处理之前，上述方法还包括：响应于检测到针对目标页面中的颜色选择区域的颜色选择操作，获取与颜色选择操作对应的颜色值；根据所获取的颜色值，修改目标图像的颜色。

在一些实施例中，上述对第一图像、目标图像和第二图像进行叠加处理，生成包括与目标图像的颜色相匹配、与第二图像的纹理相匹配的区域的图像，包括：对第一图像、修改颜色后的目标图像和第二图像进行叠加处理，生成包括与修改颜色后的目标图像的颜色相匹配、与第二图像的纹理相匹配的区域的图像。

在一些实施例中，上述对第一图像和目标图像进行叠加处理，包括：将第一图像和目标图像进行叠加，得到叠加后的图像；对叠加后的图像进行截图。

在一些实施例中，上述目标图像具有透明度。

第二方面，本申请实施例提供了一种用于生成图像的装置，该装置包括：第一获取单元，被配置成响应于检测到用户操作，获取第一图像，其中，第一图像是对目标物品图像中所显示的目标物品的区域进行透明处理得到的；第一确定单元，被配置成分别确定第一图像和目标图像放置于所显示的目标页面中的位置，其中，第一图像和目标图像放置于目标页面中的位置满足预设条件；生成单元，被配置成基于所确定的位置和预设叠加顺序，对第一图像和目标图像进行叠加处理，生成包括与目标图像的颜色相匹配的区域的图像。

在一些实施例中，上述装置还包括：第二获取单元，被配置成获取目标文件，其中，目标文件中包括第一图像存储位置信息、第一图像放置位置信息和目标图像放置位置信息，第一图像放置位置信息和目标图像放置位置信息所指示的位置满足预设条件；上述第一获取单元进一步被配置成：根据第一图像存储位置信息，获取第一图像。

在一些实施例中，上述第一确定单元进一步被配置成：根据第一图像放置位置信息和目标图像放置位置信息，分别确定第一图像和目标图像放置于所显示的目标页面中的位置。

在一些实施例中，上述装置还包括：第三获取单元，被配置成获取第二图像，其中，第二图像是对目标物品图像进行纹理处理得到的；第二确定单元，被配置成确定第二图像放置于目标页面中的位置。

在一些实施例中，上述生成单元进一步被配置成：对第一图像、目标图像和第二图像进行叠加处理，生成包括与目标图像的颜色相匹配、与第二图像的纹理相匹配的区域的图像。

在一些实施例中，上述装置还包括：第四获取单元，被配置成响应于检测到针对目标页面中的颜色选择区域的颜色选择操作，获取与颜色选择操作对应的颜色值；修改单元，被配置成根据所获取的颜色值，修改目标图像的颜色。

在一些实施例中，上述生成单元进一步被配置成：对第一图像、修改颜色后的目标图像和第二图像进行叠加处理，生成包括与修改颜色后的目标图像的颜色相匹配、与第二图像的纹理相匹配的区域的图像。

在一些实施例中，上述生成单元进一步被配置成：将第一图像和目标图像进行叠加，得到叠加后的图像；对叠加后的图像进行截图。

在一些实施例中，上述目标图像具有透明度。

第三方面，本申请实施例提供了一种终端，该终端包括：一个或多个处理器；存储装置，其上存储有一个或多个程序；当一个或多个程序被一个或多个处理器执行，使得一个或多个处理器实现如第一方面中任一实现方式描述的方法。

第四方面，本申请实施例提供了一种计算机可读介质，其上存储有计算机程序，该程序被处理器执行时实现如第一方面中任一实现方式描述的方法。

本申请实施例提供的用于生成图像的方法和装置，首先，响应于检测到用户操作，可以获取第一图像。然后，可以分别确定第一图像和目标图像放置于所显示的目标页面中的位置。而后，可以基于所确定的位置和预设叠加顺序，对第一图像和目标图像进行叠加处理。由于第一图像中包括透明区域，从而可以生成包括与目标图像的颜色相匹配的区域的图像。

附图说明

通过阅读参照以下附图所作的对非限制性实施例所作的详细描述，本申请的其它特征、目的和优点将会变得更明显：

图1是本申请的一个实施例可以应用于其中的示例性系统架构图；

图2是根据本申请的用于生成图像的方法的一个实施例的流程图；

图3是根据本申请实施例的用于生成图像的方法的一个应用场景的示意图；

图4是根据本申请的用于生成图像的方法的又一个实施例的流程图；

图5是根据本申请的用于生成图像的方法的各图像的叠加顺序的示意图；

图6是根据本申请实施例的用于生成图像的方法的一个时序图；

图7是根据本申请的用于生成图像的装置的一个实施例的结构示意图；

图8是适于用来实现本申请实施例的终端的计算机系统的结构示意图。

具体实施方式

下面结合附图和实施例对本申请作进一步的详细说明。可以理解的是，此处所描述的具体实施例仅仅用于解释相关发明，而非对该发明的限定。另外还需要说明的是，为了便于描述，附图中仅示出了与有关发明相关的部分。

需要说明的是，在不冲突的情况下，本申请中的实施例及实施例中的特征可以相互组合。下面将参考附图并结合实施例来详细说明本申请。

图1示出了可以应用本申请的用于生成图像的方法或用于生成图像的装置的示例性架构100。

如图1所示，系统架构100可以包括终端设备101、102，网络103和服务器104。网络103用以在终端设备101、102和服务器104之间提供通信链路的介质。网络103可以包括各种连接类型，例如有线、无线通信链路或者光纤电缆等等。

终端设备101、102通过网络103与服务器104交互，以接收或发送消息等。终端设备101、102上可以安装有各种通讯客户端应用，例如浏览器应用、购物类应用、搜索类应用等。

终端设备101、102可以是硬件，也可以是软件。当终端设备101、102为硬件时，可以是具有显示屏并且支持图像处理的各种电子设备，包括但不限于智能手机、平板电脑、膝上型便携计算机和台式计算机等等。当终端设备101、102为软件时，可以安装在上述所列举的电子设备中。其可以实现成多个软件或软件模块(例如用来提供分布式服务)，也可以实现成单个软件或软件模块。在此不做具体限定。

服务器104可以是提供各种服务的服务器，例如为终端设备101、102上的购物类应用的后台服务器。作为示例，终端设备101可以从后台服务器获取透明处理后的图像，而后，将获取的图像与目标图像进行叠加处理，进而，生成包括与目标图像的颜色相匹配的区域的图像。

服务器104可以是硬件，也可以是软件。当服务器104为硬件时，可以实现成多个服务器组成的分布式服务器集群，也可以实现成单个服务器。当服务器104为软件时，可以实现成多个软件或软件模块(例如用来提供分布式服务)，也可以实现成单个软件或软件模块。在此不做具体限定。

需要说明的是，本申请实施例所提供的用于生成图像的方法一般由终端设备执行，相应地，用于生成图像的装置一般设置于终端设备中。

应该理解，图1中的终端设备、网络和服务器的数目仅仅是示意性的。根据实现需要，可以具有任意数目的终端设备、网络和服务器。

继续参考图2，示出了根据本申请的用于生成图像的方法的一个实施例的流程200。该用于生成图像的方法包括以下步骤：

步骤201，响应于检测到用户操作，获取第一图像。

在本实施例中，响应于检测到用户操作，用于生成图像的方法的执行主体(如图1所示的终端设备101、102)可以从本地或者通信连接的服务器(如图1所示的服务器)获取第一图像。实践中，网络平台中展示有各种支持在线定制颜色的物品的信息(例如，文字、图片、视频等)。相应地，用户操作可以是用户选取这些物品的信息的各种操作。例如，点击这些物品的信息。例如，将鼠标悬停于这些物品的信息所在的区域。

在本实施例中，第一图像通常是对目标物品图像中所显示的目标物品的区域进行透明处理得到的。此处，目标物品可以是上述用户选取的信息所指示的物品。目标物品图像可以是技术人员根据实际需求选取的显示有目标物品的图像，例如，从显示有目标物品的图像中所选取的清晰度达到预设要求的图像。实践中，可以通过各种方法对目标物品图像中所显示的目标物品的区域进行透明处理。例如，可以通过各种抠图工具，将目标物品图像中所显示的目标物品的区域抠除，或者将目标物品图像中所显示的目标物品的区域中的某一区域(例如，表征目标物品的品牌名的区域之外的区域)抠除，得到透明处理后的目标物品图像。例如，还可以通过各种抠图算法，对目标物品图像中所显示的目标物品的区域进行类似的透明处理。

作为示例，上述执行主体预先安装有用于监测针对屏幕显示的页面的操作的接口。由此，上述执行主体可以通过预先安装的接口，检测到用户选取所展示的物品的信息的操作。进而，可以从本地或者通信连接的服务器获取第一图像。

在本实施例的一些可选的实现方式中，在获取第一图像之前，上述执行主体还可以获取目标文件。其中，目标文件中可以包括第一图像存储位置信息、第一图像放置位置信息和目标图像放置位置信息。第一图像放置位置信息所指示的位置和目标图像放置位置信息所指示的位置满足预设条件。此处，预设条件可以是位置之间的差距在预设差距范围内，由此，可以使得第一图像放置于目标页面之后与目标图像是重叠的。实践中，上述执行主体可以从本地或者通信连接的服务器获取目标文件。

上述目标文件可以是上述执行主体可以识别的任意一种格式的文件，例如可以是使用各种计算机语言所编写的目标页面的网页文件。目标页面可以是预先设置好的页面。例如，预先设置好的用于进一步介绍用户选取的信息所指示的物品的页面。目标页面还可以是根据一定规则筛选出的页面。例如，从多个用于进一步介绍用户选取的信息所指示的物品的页面中，选取页面尺寸和用户终端屏幕的尺寸相适应的页面。

上述第一图像存储位置信息可以用于表征第一图像存储的位置。通常，第一图像存储位置信息中可以包括表征第一图像的存储位置的参数和参数值。例如，第一图像存储位置信息可以是“…src＝"xxx"…”。其中，“src”为参数，“xxx”为参数值，即第一图像的存储位置。需要说明的是，“…src＝"xxx"…”中的省略号用于表示对第一图像存储位置信息中的其他信息的省略。下文中其他省略号也用于表示对部分信息的省略。

上述第一图像放置位置信息可以用于表征第一图像放置于上述目标页面中的位置。实践中，第一图像放置位置信息中可以包括表征第一图像放置于上述目标页面中的位置的参数和参数值。例如，第一图像放置位置信息可以是“…left:0；top:0；…”。其中，“left”和“top”为参数，“0”和“0”为对应的参数值。此处，“left:0”用于表示第一图像与目标页面的左边界的距离为0。“top:0”用于表示第一图像与目标页面的上边界的距离为0。

同理，目标图像放置位置信息可以用于表征目标图像放置于上述目标页面中的位置。其中，目标图像可以是使用各种语言所编写的、和第一图像的尺寸相匹配的、支持颜色修改的图层。此处，所说的相匹配可以是目标图像的长和宽与第一图像的长和宽之间的差距在预设差距范围内。实践中，可以使用HTML(Hyper Text Markup Language，超文本标记语言)、CSS(Cascading Style Sheets，层叠样式表)、JavaScript等编写目标图像。需要说明的是，目标图像放置位置信息中可以包括表征目标图像放置于上述目标页面中的位置的参数和参数值。

在这些实现方式中，上述执行主体可以根据第一图像存储位置信息，获取所述第一图像。具体地，上述执行主体可以读取目标文件中的第一图像存储位置信息，然后，根据第一图像存储位置信息所指示的存储位置，获取第一图像。

步骤202，分别确定第一图像和目标图像放置于所显示的目标页面中的位置。

在本实施例中，上述执行主体可以通过各种方法确定第一图像和目标图像放置于所显示的目标页面中的位置。其中，第一图像和目标图像放置于目标页面中的位置满足上述预设条件。需要说明的是，目标页面可以是在获取第一图像之前或之后显示的，也可以是在获取第一图像的同时显示的。

作为示例，可以预先设定目标页面中的某一区域，用于放置第一图像和目标图像。由此，上述执行主体可以将与该区域的某一顶点的距离为第一预设距离的位置确定为第一图像放置于目标页面中的位置，将与该顶点的距离为第二预设距离的位置确定为目标图像放置于目标页面中的位置。需要说明的是，第一预设距离与第二预设距离可以相同，也可以具有一定的差距。

在本实施例的一些可选的实现方式中，上述执行主体还可以根据第一图像放置位置信息和目标图像放置位置信息，分别确定第一图像和目标图像放置于所显示的目标页面中的位置。具体地，上述执行主体可以读取上述目标文件中的第一图像放置位置信息，然后，将第一图像放置位置信息所指示的位置确定为第一图像放置于所显示的目标页面中的位置。同理，上述执行主体可以读取上述目标文件中的目标图像放置位置信息，然后，将目标图像放置位置信息所指示的位置确定为目标图像放置于所显示的目标页面中的位置。

步骤203，基于所确定的位置和预设叠加顺序，对第一图像和目标图像进行叠加处理，生成包括与目标图像的颜色相匹配的区域的图像。

在本实施例中，确定第一图像和目标图像放置于目标页面中的位置之后，上述执行主体可以对第一图像和目标图像进行叠加处理，进而生成包括与目标图像的颜色相匹配的区域的图像。此处，所说的相匹配，可以是颜色值与目标图像的颜色值之间的差异在预设差异范围内。上述叠加处理可以包括第一图像和目标图像的叠加操作，还可以包括其他操作(例如对叠加之后的图像进行截图)。上述预设叠加顺序可以是在垂直于上述执行主体的屏幕的方向的第一图像和目标图像的叠加顺序，通常第一图像叠加于目标图像之上。

作为示例，上述执行主体可以根据预设叠加顺序，将第一图像叠和目标图像放置于目标页面中的所确定的位置。由于，第一图像中所显示的目标物品的区域是经过透明处理的，由此，可以生成包括与目标图像的颜色相匹配的区域的图像，即，叠加之后，生成的图像中所显示的目标物品的区域的颜色与目标图像的颜色相匹配。

作为示例，上述目标文件中还可以包括用于表征第一图像和目标图像的叠加顺序的信息。由此，上述执行主体可以根据所确定的位置和从目标文件中读取的表征叠加顺序的信息，将第一图像和目标图像在目标页面中进行叠加。

在本实施例的一些可选的实现方式中，上述对第一图像和目标图像进行叠加处理，可以包括：将第一图像和目标图像进行叠加，得到叠加后的图像；对叠加后的图像进行截图。

在这些实现方式中，得到叠加后的图像之后，上述执行主体还可以对叠加得到的图像进行截图，以将叠加得到的图像截取为预设尺寸的图像。可以理解，截图之后便可以得到包括与目标图像的颜色相匹配的区域的图像。实践中，上述执行主体可以使用各种截图工具实现图像的截取，例如可以使用HTML中的canvas元素对图像进行截取。

在本实施例的一些可选的实现方式中，上述执行主体还可以通过如下所示的步骤，生成包括与目标图像的颜色相匹配的区域的图像。

步骤S1，响应于检测到针对目标页面中的颜色选择区域的颜色选择操作，获取与颜色选择操作对应的颜色值。

在这些实现方式中，上述执行主体可以通过预先安装的用于监测针对屏幕显示的页面的操作的接口，检测到针对目标页面中的颜色选择区域的颜色选择操作。其中，颜色选择区域可以是目标页面中的预先定义好的区域。作为示例，颜色选择区域可以由预设数目个颜色不同的区域组成。此时，颜色选择操作可以是针对颜色选择区域中的预设数目个区域中的任意一个区域的各种操作。例如，使用鼠标、手指或者触摸笔点击上述预设数目个区域中的任意一个区域的操作。例如，将鼠标悬停于上述预设数目个区域中的任意一个区域的操作。作为示例，颜色选择区域中还可以包括自定义颜色区域。此处，自定义颜色区域可以是允许用户设置颜色值的区域。此时，颜色选择操作还可以是用户设置颜色值这一操作。

在这些实现方式中，响应于检测到针对目标页面中的颜色选择区域的颜色选择操作，上述执行主体可以获取与颜色操作对应的颜色值。作为示例，上述执行主体可以获取上述预设数目个区域中的颜色选择操作所针对的区域的颜色值。作为示例，上述执行主体还可以获取用户在自定义颜色区域中所设置的颜色值。

步骤S2，根据所获取的颜色值，修改目标图像的颜色。

在这些实现方式中，获取与颜色选择操作对应的颜色值之后，上述执行主体可以将目标图像的颜色值修改为所获取的颜色值。

步骤S3，基于第一图像和修改颜色后的目标图像的叠加处理，生成包括与修改颜色后的目标图像的颜色相匹配的区域的图像。

在这些实现方式中，上述执行主体可以将第一图像和修改颜色后的目标图像进行叠加。进而，生成包括与修改颜色后的目标图像的颜色相匹配的区域的图像。

继续参见图3，图3是根据本实施例的用于生成图像的方法的应用场景的一个示意图。在图3的应用场景中，智能手机301为执行主体，服务器302为智能手机301中所安装的某购物应用的后台服务器。首先，智能手机301可以根据所安装的接口检测到用户点击购物应用中展示的短袖A的信息。然后，智能手机301可以从服务器302中获取第一图像303。其中，第一图像303中包括透明处理后的显示有短袖A的区域304。接着，智能手机301可以分别确定第一图像303和目标图像305放置于所显示的目标页面306中的位置。而后，智能手机301可以根据所确定的位置和预设叠加顺序，将第一图像303叠加于目标图像305之上。由此，可以生成包括与目标图像305的颜色相匹配的区域308的图像307。可选的，若智能手机301检测到用户点击目标页面306中的颜色选择区域309中的区域3093的操作，那么，智能手机301可以获取区域3093的颜色值。进一步，智能手机301可以将目标图像305的颜色值修改为区域3093的颜色值，进而修改目标图像307中的区域308的颜色。

本申请的上述实施例提供的方法，首先，响应于检测到用户操作，可以获取第一图像。然后，可以分别确定第一图像和目标图像放置于所显示的目标页面中的位置。而后，可以基于所确定的位置和预设叠加顺序，对第一图像和目标图像进行叠加处理。由于第一图像中包括透明区域，由此可以生成包括与目标图像的颜色相匹配的区域的图像。可以看出，一方面，不需要预先存储各种颜色的物品图像，从而降低人工成本，节约内存资源。另一方面，可以通过修改目标图像的颜色，生成各种颜色的物品图像，从而减少请求连接服务器的次数。

进一步参考图4，其示出了用于生成图像的方法的又一个实施例的流程400。该用于生成图像的方法的流程400，包括以下步骤：

步骤401，响应于检测到用户操作，获取第一图像。

上述步骤401与前述实施例中的步骤201一致，上文针对步骤201的描述也适用于步骤401，此处不再赘述。

步骤402，获取第二图像。

在本实施例中，用于生成图像的方法的执行主体(如图1所示的终端设备101、102)可以从本地或者通信连接的服务器(如图1所示的服务器)获取第二图像。其中，第二图像可以是对目标物品图像进行纹理处理得到的。可以看出，第二图像和第一图像的尺寸一致。上述纹理处理可以是对目标物品图像的整体进行纹理处理，也可以是对目标物品图像中所显示的目标物品的区域进行纹理处理。此处，对目标物品图像进行纹理处理的方法不进行限定。实践中，可以使用各种纹理处理工具或者纹理处理算法对目标物品图像进行纹理处理。

在本实施例的一些可选的实现方式中，目标文件中还可以包括第二图像存储位置信息和第二图像放置位置信息。其中，第二图像存储位置信息可以用于表征第二图像存储的位置。第二图像放置位置信息可以用于表征第二图像放置于上述目标页面中的位置。实践中，第二图像放置位置信息所指示的位置和目标图像放置位置信息所指示的位置也满足预设条件。由此，可以使得第二图像放置于目标页面之后与第一图像和目标图像是重叠的。

在这些实现方式中，上述执行主体可以读取目标文件中的第二图像存储位置信息，然后，从第二图像存储位置信息所指示的存储位置，获取第二图像。需要说明的是，第一图像和第二图像可以关联存储于服务器，也可以关联存储于上述执行主体。上述执行主体可以分别获取第一图像和第二图像，也可以同时获取第一图像和第二图像。

步骤403，分别确定第一图像和目标图像放置于所显示的目标页面中的位置。

上述步骤403与前述实施例中的步骤202一致，上文针对步骤202的描述也适用于步骤403，此处不再赘述。

步骤404，确定第二图像放置于目标页面中的位置。

在本实施例中，上述执行主体可以采用类似步骤202中的方法确定第二图像放置于目标页面中的位置。

步骤405，基于所确定的位置和预设叠加顺序，对第一图像、目标图像和第二图像进行叠加处理，生成包括与目标图像的颜色相匹配、与第二图像的纹理相匹配的区域的图像。

在本实施例中，确定第一图像、目标图像和第二图像放置于目标页面中的位置之后，上述执行主体可以基于所确定的位置和预设叠加顺序，对第一图像、目标图像和第二图像进行叠加处理。可选的，目标图像可以具有透明度。实践中，可以根据实际需求为目标图像设置合适的透明度，在一些应用场景中，目标图像的透明度可以是0.6。由此，叠加处理之后，可以生成包括与目标图像的颜色相匹配、与第二图像的纹理相匹配的区域的图像。需要说明的是，此处，所说的纹理相匹配并非纹理完全一致，而是纹理基本一致。

作为示例，确定第一图像、目标图像和第二图像放置于目标页面中的位置之后，上述执行主体可以按照图5所示的叠加顺序将目标图像502叠加于第二图像503之上，以及将第一图像501叠加于目标图像502之上。由于，目标图像具有一定的透明度，从而可以生成包括与目标图像的颜色相匹配、与第二图像的纹理相匹配的区域的图像。

在本实施例的一些可选的实现方式中，上述执行主体还可以通过如下所示的步骤，生成包括与目标图像的颜色相匹配、与第二图像的纹理相匹配的区域的图像。

第一步，响应于检测到针对目标页面中的颜色选择区域的颜色选择操作，获取与颜色选择操作对应的颜色值。

第二步，根据所获取的颜色值，修改目标图像的颜色。

上述第一步和第二步可以参考步骤203中的步骤S1和步骤S2，此处不再赘述。

第三步，对第一图像、修改颜色后的目标图像和第二图像的叠加处理，生成包括与修改颜色后的目标图像的颜色相匹配、与第二图像的纹理相匹配的区域的图像。

在本实施例中，修改目标图像的颜色之后，上述执行主体可以对第一图像、修改颜色后的目标图像和第二图像进行叠加处理，进而生成包括与目标图像的颜色相匹配、与第二图像的纹理相匹配的区域的图像。

从图4中可以看出，与图2对应的实施例相比，本实施例中的用于生成图像的方法的流程400不仅体现了获取第二图像的步骤，还体现了将第一图像、目标图像和第二图像进行叠加处理的步骤。由此，可以通过将第一图像、目标图像和第二图像进行叠加处理，生成包括与目标图像的颜色相匹配、与第二图像的纹理相匹配的区域的图像。可以看出，本实施例描述的方案，可以实现在线生成带纹理效果的物品图像，进而增加物品图像中所显示的物品的立体感。

继续参见图6，图6是根据本申请实施例的用于生成图像的方法的一个时序600。该用于生成图像的方法的时序600，包括以下步骤：

步骤601，终端设备响应于检测到用户操作，发送第一图像获取请求。

在本实施例中，响应于检测到用户操作，终端设备(如图1所示的终端设备101、102)可以向通信连接的服务器(如图1所示的服务器104)发送第一图像获取请求。其中，第一图像获取请求可以是用于表征获取第一图像的请求。实践中，第一图像获取请求可以是各种类型的请求，例如，http(Hypertext Transfer Protocol，超文本传输协议)请求、https(Hypertext Transfer Protocol Secure，超文本传输安全协议)请求等。

步骤602，服务器响应于接收到第一图像获取请求，发送第一图像。

在本实施例中，响应于接收到终端设备发送的第一图像获取请求，服务器可以解析该第一图像获取请求，然后可以从本地或者通信连接的数据库服务器获取第一图像获取请求所指示的第一图像，而后将所获取的第一图像发送至上述终端设备。

步骤603，终端设备发送第二图像获取请求。

在本实施例中，响应于检测到用户操作，上述终端设备还可以向服务器发送第二图像获取请求。其中，第二图像获取请求可以是用于表征获取第二图像的请求。实践中，第二图像获取请求可以是各种类型的请求，例如，http请求、https请求等。需要说明的是，第二图像获取请求可以在发送第一图像获取请求之前或之后发送，也可以与第一图像获取请求同时发送，第二图像获取请求与第一图像获取请求还可以是同一个请求，此时，该请求可以是用于表征获取第一图像和第二图像的请求。

步骤604，服务器响应于接收到第二图像获取请求，发送第二图像。

在本实施例中，响应于接收到终端设备发送的第二图像获取请求，服务器可以解析该第二图像获取请求，然后可以从本地或者通信连接的数据库服务器获取第二图像获取请求所指示的第二图像，而后将所获取的第二图像发送至上述终端设备。需要说明的是，第二图像可以在发送第一图像之前或之后发送，也可以与第一图像同时发送。

步骤605，终端设备分别确定第一图像和目标图像放置于所显示的目标页面中的位置。

在本实施例中，接收到第一图像之后，终端设备可以分别确定第一图像和目标图像放置于所显示的目标页面中的位置。

步骤606，终端设备确定第二图像放置于目标页面中的位。

在本实施例中，接收到第二图像之后，终端设备可以确定第二图像放置于所显示的目标页面中的位置。

步骤607，终端设备基于所确定的位置和预设叠加顺序，对第一图像、目标图像和第二图像进行叠加处理，生成包括与目标图像的颜色相匹配、与第二图像的纹理相匹配的区域的图像。

在本实施例中，确定第一图像、目标图像和第二图像放置于目标页面中的位置之后，终端设备可以根据所确定的位置和预设叠加顺序，对第一图像、目标图像和第二图像进行叠加处理，生成包括与目标图像的颜色相匹配、与第二图像的纹理相匹配的区域的图像。

本申请的上述实施例提供的方法，首先，响应于检测到用户操作，终端设备可以向服务器发送第一图像获取请求。然后，响应于接收到第一图像获取请求，服务器可以向终端设备发送第一图像。同理，终端设备还可以向服务器发送第二图像获取请求，响应于接收到第二图像获取请求，服务器可以向终端设备发送第二图像。而后，终端设备可以分别确定第一图像和目标图像放置于所显示的目标页面中的位置。同理，终端设备也可以确定第二图像放置于目标页面中的位置。从而，基于所确定的位置和预设叠加顺序，终端设备可以对第一图像、目标图像和第二图像进行叠加处理，生成包括与目标图像的颜色相匹配、与第二图像的纹理相匹配的区域的图像。由此，可以实现在线生成带纹理效果的物品图像，进而增加物品图像中所显示的物品的立体感。

进一步参考图7，作为对上述各图所示方法的实现，本申请提供了用于生成图像的装置的一个实施例，该装置实施例与图2所示的方法实施例相对应，该装置具体可以应用于各种电子设备中。

如图7所示，本实施例提供的用于生成图像的装置700包括第一获取单元701、第一确定单元702和生成单元703。其中，第一获取单元701，被配置成：响应于检测到用户操作，获取第一图像，其中，第一图像是对目标物品图像中所显示的目标物品的区域进行透明处理得到的；第一确定单元702，被配置成：分别确定第一图像和目标图像放置于所显示的目标页面中的位置，其中，第一图像和目标图像放置于目标页面中的位置满足预设条件；生成单元703，被配置成：基于所确定的位置和预设叠加顺序，对第一图像和目标图像进行叠加处理，生成包括与目标图像的颜色相匹配的区域的图像。

在本实施例中，用于生成图像的装置700中：第一获取单元701、第一确定单元702和生成单元703的具体处理及其所带来的技术效果可分别参考图2对应实施例中的步骤201、步骤202和步骤203的相关说明，在此不再赘述。

在本实施例的一些可选的实现方式中，上述用于生成图像的装置700还可以包括第二获取单元(图中未示出)。其中，第二获取单元可以被配置成：获取目标文件，其中，目标文件中包括第一图像存储位置信息、第一图像放置位置信息和目标图像放置位置信息，第一图像放置位置信息和目标图像放置位置信息满足预设条件。上述第一获取单元701可以进一步被配置成：根据第一图像存储位置信息，获取第一图像。

在本实施例的一些可选的实现方式中，上述第一确定单元702可以进一步被配置成：根据第一图像放置位置信息和目标图像放置位置信息，分别确定第一图像和目标图像放置于所显示的目标页面中的位置。

在本实施例的一些可选的实现方式中，上述用于生成图像的装置700还可以包括第三获取单元(图中未示出)和第二确定单元(图中未示出)。其中，第三获取单元可以被配置成获取第二图像，第二图像是对目标物品图像进行纹理处理得到的。第二确定单元可以被配置成确定第二图像放置于目标页面中的位置。

在本实施例的一些可选的实现方式中，上述生成单元703可以进一步被配置成：对第一图像、目标图像和第二图像进行叠加处理，生成包括与目标图像的颜色相匹配、与第二图像的纹理相匹配的区域的图像

在本实施例的一些可选的实现方式中，上述用于生成图像的装置700装置还可以包第四获取单元(图中未示出)和修改单元(图中未示出)。其中，第四获取单元可以被配置成：响应于检测到针对目标页面中的颜色选择区域的颜色选择操作，获取与颜色选择操作对应的颜色值。修改单元可以被配置成：根据所获取的颜色值，修改目标图像的颜色。

在本实施例的一些可选的实现方式中，上述生成单元703可以进一步被配置成：对第一图像、修改颜色后的目标图像和第二图像进行叠加处理，生成包括与修改颜色后的目标图像的颜色相匹配、与第二图像的纹理相匹配的区域的图像。

在本实施例的一些可选的实现方式中，上述生成单元703可以进一步被配置成：将第一图像和目标图像进行叠加，得到叠加后的图像；对叠加后的图像进行截图。

在本实施例的一些可选的实现方式中，上述目标图像具有透明度。

本申请的上述实施例提供的装置，首先，响应于检测到用户操作，可以通过第一获取单元701获取第一图像。然后，可以通过第一确定单元702分别确定第一图像和目标图像放置于所显示的目标页面中的位置。而后，可以通过生成单元703基于所确定的位置和预设叠加顺序，对第一图像和目标图像进行叠加处理，生成包括与目标图像的颜色相匹配的区域的图像。从而实现了将透明处理后的第一图像和目标图像进行叠加处理，生成包括与目标图像的颜色相匹配的区域的图像。

下面参考图8，其示出了适于用来实现本申请实施例的终端的计算机系统800的结构示意图。图8示出的终端仅仅是一个示例，不应对本申请实施例的功能和使用范围带来任何限制。

如图8所示，计算机系统800包括中央处理单元(CPU)801，其可以根据存储在只读存储器(ROM)802中的程序或者从存储部分808加载到随机访问存储器(RAM)803中的程序而执行各种适当的动作和处理。在RAM 803中，还存储有系统800操作所需的各种程序和数据。CPU 801、ROM 802以及RAM 803通过总线804彼此相连。输入/输出(I/O)接口805也连接至总线804。

以下部件连接至I/O接口805：包括键盘、鼠标等的输入部分806；包括诸如阴极射线管(CRT)、液晶显示器(LCD)等的输出部分807；包括硬盘等的存储部分808；以及包括诸如LAN卡、调制解调器等的网络接口卡的通信部分809。通信部分809经由诸如因特网的网络执行通信处理。驱动器810也根据需要连接至I/O接口805。可拆卸介质811，诸如磁盘、光盘、磁光盘、半导体存储器等等，根据需要安装在驱动器810上，以便于从其上读出的计算机程序根据需要被安装入存储部分808。

特别地，根据本公开的实施例，上文参考流程图描述的过程可以被实现为计算机软件程序。例如，本公开的实施例包括一种计算机程序产品，其包括承载在计算机可读介质上的计算机程序，该计算机程序包含用于执行流程图所示的方法的程序代码。在这样的实施例中，该计算机程序可以通过通信部分809从网络上被下载和安装，和/或从可拆卸介质811被安装。在该计算机程序被中央处理单元(CPU)801执行时，执行本申请的方法中限定的上述功能。

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

可以以一种或多种程序设计语言或其组合来编写用于执行本申请的操作的计算机程序代码，所述程序设计语言包括面向对象的程序设计语言—诸如Java、Smalltalk、C++，还包括常规的过程式程序设计语言—诸如“C”语言或类似的程序设计语言。程序代码可以完全地在用户计算机上执行、部分地在用户计算机上执行、作为一个独立的软件包执行、部分在用户计算机上部分在远程计算机上执行、或者完全在远程计算机或服务器上执行。在涉及远程计算机的情形中，远程计算机可以通过任意种类的网络——包括局域网(LAN)或广域网(WAN)—连接到用户计算机，或者，可以连接到外部计算机(例如利用因特网服务提供商来通过因特网连接)。

附图中的流程图和框图，图示了按照本申请各种实施例的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上，流程图或框图中的每个方框可以代表一个模块、程序段、或代码的一部分，该模块、程序段、或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意，在有些作为替换的实现中，方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如，两个接连地表示的方框实际上可以基本并行地执行，它们有时也可以按相反的顺序执行，这依所涉及的功能而定。也要注意的是，框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合，可以用执行规定的功能或操作的专用的基于硬件的系统来实现，或者可以用专用硬件与计算机指令的组合来实现。

描述于本申请实施例中所涉及到的单元可以通过软件的方式实现，也可以通过硬件的方式来实现。所描述的单元也可以设置在处理器中，例如，可以描述为：一种处理器，包括第一获取单元、第一确定单元和生成单元。其中，这些单元的名称在某种情况下并不构成对该单元本身的限定，例如，第一确定单元还可以被描述为“分别确定第一图像和目标图像放置于所显示的目标页面中的位置的单元”。

作为另一方面，本申请还提供了一种计算机可读介质，该计算机可读介质可以是上述实施例中描述的终端中所包含的；也可以是单独存在，而未装配入该终端中。上述计算机可读介质承载有一个或者多个程序，当上述一个或者多个程序被该终端执行时，使得该终端：响应于检测到用户操作，获取第一图像，其中，第一图像是对目标物品图像中所显示的目标物品的区域进行透明处理得到的；分别确定第一图像和目标图像放置于所显示的目标页面中的位置，其中，第一图像和所述目标图像放置于目标页面中的位置满足预设条件；基于所确定的位置和预设叠加顺序，对第一图像和目标图像进行叠加处理，生成包括与目标图像的颜色相匹配的区域的图像。

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

Claims (12)

1.一种用于生成图像的方法，包括：

响应于检测到用户操作，获取第一图像，其中，所述第一图像是对目标物品图像中所显示的目标物品的区域进行透明处理得到的；

分别确定所述第一图像和目标图像放置于所显示的目标页面中的位置，其中，所述第一图像和所述目标图像放置于所述目标页面中的位置满足预设条件；

基于所确定的位置和预设叠加顺序，对所述第一图像和所述目标图像进行叠加处理，生成包括与所述目标图像的颜色相匹配的区域的图像。

2.根据权利要求1所述的方法，其中，在所述获取第一图像之前，所述方法还包括：

获取目标文件，其中，所述目标文件中包括第一图像存储位置信息、第一图像放置位置信息和目标图像放置位置信息，所述第一图像放置位置信息和所述目标图像放置位置信息所指示的位置满足所述预设条件；以及

所述获取第一图像，包括：

根据所述第一图像存储位置信息，获取所述第一图像。

3.根据权利要求2所述的方法，其中，所述分别确定所述第一图像和目标图像放置于所显示的目标页面中的位置，包括：

根据所述第一图像放置位置信息和所述目标图像放置位置信息，分别确定所述第一图像和所述目标图像放置于所显示的目标页面中的位置。

4.根据权利要求1所述的方法，其中，在所述分别确定所述第一图像和目标图像放置于所显示的目标页面中的位置之前，所述方法还包括：

获取第二图像，其中，所述第二图像是对所述目标物品图像进行纹理处理得到的；以及

在所述对所述第一图像和目标图像进行叠加处理之前，所述方法还包括：

确定所述第二图像放置于所述目标页面中的位置。

5.根据权利要求4所述的方法，其中，所述对所述第一图像和所述目标图像进行叠加处理，生成包括与所述目标图像的颜色相匹配的区域的图像，包括：

对所述第一图像、所述目标图像和所述第二图像进行叠加处理，生成包括与所述目标图像的颜色相匹配、与所述第二图像的纹理相匹配的区域的图像。

6.根据权利要求5所述的方法，其中，在所述对所述第一图像、所述目标图像和所述第二图像进行叠加处理之前，所述方法还包括：

响应于检测到针对所述目标页面中的颜色选择区域的颜色选择操作，获取与所述颜色选择操作对应的颜色值；

根据所获取的颜色值，修改所述目标图像的颜色。

7.根据权利要求6所述的方法，其中，所述对所述第一图像、所述目标图像和所述第二图像进行叠加处理，生成包括与所述目标图像的颜色相匹配、与所述第二图像的纹理相匹配的区域的图像，包括：

对所述第一图像、修改颜色后的目标图像和所述第二图像进行叠加处理，生成包括与所述修改颜色后的目标图像的颜色相匹配、与所述第二图像的纹理相匹配的区域的图像。

8.根据权利要求1所述的方法，其中，所述对所述第一图像和所述目标图像进行叠加处理，包括：

将所述第一图像和所述目标图像进行叠加，得到叠加后的图像；

对所述叠加后的图像进行截图。

9.根据权利要求1-8中任一所述的方法，其中，所述目标图像具有透明度。

10.一种用于生成图像的装置，包括：

第一获取单元，被配置成响应于检测到用户操作，获取第一图像，其中，所述第一图像是对目标物品图像中所显示的目标物品的区域进行透明处理得到的；

第一确定单元，被配置成分别确定所述第一图像和所述目标图像放置于所显示的目标页面中的位置；

生成单元，被配置成基于所确定的位置和预设叠加顺序，对所述第一图像和所述目标图像进行叠加处理，生成包括与所述目标图像的颜色相匹配的区域的图像。

11.一种终端，包括：

一个或多个处理器；

存储装置，用于存储一个或多个程序；

当所述一个或多个程序被所述一个或多个处理器执行，使得所述一个或多个处理器实现如权利要求1-9中任一所述的方法。

12.一种计算机可读介质，其上存储有计算机程序，其中，该程序被处理器执行时实现如权利要求1-9中任一所述的方法。

Images