图片颜色的变换方法、装置和终端设备与流程

本发明涉及图像处理技术领域，尤其是涉及一种图片颜色的变换方法、装置和终端设备。

背景技术：

相关技术中，为了变换网页中图片的颜色，一种方式是预先存储同一内容的不同颜色的多张图片，根据用户操作显示不同颜色的图片；另一种方式中，可以将需要变色的图片设置成字体图片的格式，即iconfont格式，再通过css(cascadingstylesheets，层叠样式表)技术修改颜色，但该方式需要建立并不断维护更新字体数据包，用户端在访问网页时，也需要下载对应的字体数据包以根据用户操作变换图片颜色；还有一种方式是将图片转换成svg(scalablevectorgraphics，可缩放矢量图形)格式，在通过html(hypertextmarkuplanguage，超级文本标记语言)语言中的fill命令修改图片颜色，但该方式需要修改网页代码中的参数才能变换图片颜色，不能根据用户操作自动变换图片颜色。

综上，现有的根据用户操作变换图片颜色的方式通常需要加载或维护较多的图像数据，容易影响网页的整体性能，颜色变换的便捷性较差。

技术实现要素：

有鉴于此，本发明的目的在于提供一种图片颜色的变换方法、装置和终端设备，以使颜色变换的方式简单快捷，无需加载或维护较多的图像数据，从而提高页面的整体性能，有利于提高用户的体验度。

第一方面，本发明实施例提供了一种图片颜色的变换方法，方法应用于终端设备；包括：确定是否需要变换指定图片的颜色；在确定需要变换指定图片的颜色的情况下，生成指定图片的投影图片，将投影图片设置为指定颜色；隐藏指定图片，显示颜色设置后的指定图片的投影图片。

在本发明较佳的实施例中，上述确定是否需要变换指定图片的颜色的步骤，包括：接收用户触发的交互指令；其中，交互指令中用于指示是否对指定图片的颜色进行变换；根据交互指令，确定是否需要变换指定图片的颜色。

在本发明较佳的实施例中，上述生成指定图片的投影图片，将投影图片设置为指定颜色的步骤，包括：获取指定图片对应的投影指令；投影指令中包括投影图片的生成位置和指定颜色；在生成位置上生成指定图片的投影图片；将投影图片设置为指定颜色。

在本发明较佳的实施例中，上述隐藏指定图片，显示颜色设置后的指定图片的投影图片的步骤，包括：将指定图片从指定图片的原始位置移动至除原始位置以外的指定位置，以隐藏指定图片；其中，通过预设的显示框显示处于原始位置上的图片或局部图片；将指定图片的投影图片移动至原始位置，以显示颜色设置后的指定图片的投影图片。

在本发明较佳的实施例中，指定图片预先设置于对应的容器范围中；容器预设有下述容器属性：与容器对应的图片集合中的、位于容器范围之外的图片或局部图片处于隐藏状态，图片集合中的位于容器范围之内的图片或局部图片处于显示状态；上述隐藏指定图片，显示颜色设置后的指定图片的投影图片的步骤，包括：将指定图片移动至容器的容器范围之外；将指定图片的投影图片移动至容器的容器范围之内。

在本发明较佳的实施例中，上述隐藏指定图片，显示颜色设置后的指定图片的投影图片的步骤，包括：根据投影图片的生成位置，确定移动方向；沿着确定的移动方向，平移指定图片和投影图片，以使指定图片移出容器的容器范围，指定图片的投影图片移入容器的容器范围。

第二方面，本发明实施例提供了一种图片颜色的变换装置，装置设置于终端设备；包括：确定模块，用于确定是否需要变换指定图片的颜色；投影图片生成模块，用于在确定需要变换指定图片的颜色的情况下，生成指定图片的投影图片，将投影图片设置为指定颜色；投影图片显示模块，用于隐藏指定图片，显示颜色设置后的指定图片的投影图片。

在本发明较佳的实施例中，上述确定模块，用于：接收用户触发的交互指令；其中，交互指令中用于指示是否对指定图片的颜色进行变换；根据交互指令，确定是否需要变换指定图片的颜色

在本发明较佳的实施例中，上述投影图片生成模块，用于：获取指定图片对应的投影指令；投影指令中包括投影图片的生成位置和指定颜色；在生成位置上生成指定图片的投影图片；将投影图片设置为指定颜色。

在本发明较佳的实施例中，上述投影图片显示模块，用于：将指定图片从指定图片的原始位置移动至除原始位置以外的指定位置，以隐藏指定图片；其中，通过预设的显示框显示处于原始位置上的图片或局部图片；将指定图片的投影图片移动至原始位置，以显示颜色设置后的指定图片的投影图片。

在本发明较佳的实施例中，上述指定图片预先设置于对应的容器范围中；容器预设有下述容器属性：与容器对应的图片集合中的、位于容器范围之外的图片或局部图片处于隐藏状态，图片集合中的位于容器范围之内的图片或局部图片处于显示状态；投影图片显示模块，用于：将指定图片移动至容器的容器范围之外；将指定图片的投影图片移动至容器的容器范围之内。

在本发明较佳的实施例中，上述投影图片显示模块，用于：根据投影图片的生成位置，确定移动方向；沿着确定的移动方向，平移指定图片和投影图片，以使指定图片移出容器的容器范围，指定图片的投影图片移入容器的容器范围。

第三方面，本发明实施例提供了一种终端设备，包括处理器和存储器，存储器存储有能够被处理器执行的机器可执行指令，处理器执行机器可执行指令以实现上述图片颜色的变换方法。

第四方面，本发明实施例提供了一种机器可读存储介质，该机器可读存储介质存储有机器可执行指令，该机器可执行指令在被处理器调用和执行时，机器可执行指令促使处理器实现上述图片颜色的变换方法。

本发明实施例带来了以下有益效果：

本发明实施例提供的图片颜色的变换方法、装置、终端设备和机器可读存储介质，在确定需要变换指定图片的颜色的情况下，生成该指定图片的投影图片，再将该投影图片设置为指定颜色；然后隐藏该指定图片，显示颜色设置后的指定图片的投影图片。该方式通过为指定图片生成投影图片，并设置投影图片颜色的方式改变图片颜色，颜色变换的方式简单快捷，无需加载或维护较多的图像数据，从而提高了页面的整体性能，也有利于提高用户的体验度。

本发明的其他特征和优点将在随后的说明书中阐述，或者，部分特征和优点可以从说明书推知或毫无疑义地确定，或者通过实施本发明的上述技术即可得知。

为使本发明的上述目的、特征和优点能更明显易懂，下文特举较佳实施方式，并配合所附附图，作详细说明如下。

附图说明

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

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

图2为本发明实施例提供的另一种图片颜色的变换方法的流程图；

图3为本发明实施例提供的另一种图片颜色的变换方法的流程图；

图4为本发明实施例提供的另一种图片颜色的变换方法的流程图；

图5为本发明实施例提供的一种图片颜色的变换装置的结构示意图；

图6为本发明实施例提供的一种终端设备的结构示意图。

具体实施方式

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

考虑到现有的根据用户操作变换图片颜色的方式通常需要加载或维护较多的图像数据，容易影响网页的整体性能，颜色变换的便捷性较差，基于此，本发明实施例提供的一种图片颜色的变换方法、装置和终端设备，该技术可以应用于手机、平板电脑、计算机、专用终端等终端设备上，可以用于app(application，应用程序)页面、网页页面、操作系统页面等场景中。

为便于对本实施例进行理解，首先对本发明实施例所公开的一种图片颜色的变换方法进行详细介绍，该方法应用于终端设备；如图1所示，该方法包括如下步骤：

步骤s102，确定是否需要变换指定图片的颜色；

具体可以预先设置变换指定图片的颜色的条件，当预设的条件被触发时，确定该指定图片需要变换颜色；例如，该条件可以为用户点击该指定图片或该指定图片对应的按钮、该指定图片对应的任务被执行等；另外，指定图片还可以无需用户触发，在页面展示过程中自动变换颜色，此时，如果页面加载完成，即确定需要变换指定图片的颜色。

步骤s104，在确定需要变换指定图片的颜色的情况下，生成指定图片的投影图片，将该投影图片设置为指定颜色；

通常，投影图片可以理解为指定图片经过光照射后生成的图片；如果该指定图片包括前景区域和背景区域，则对应的投影图片通常仅具有指定图片的背景区域的轮廓特征，不具有背景区域的颜色、纹理等特征，更不具有前景区域的轮廓、颜色、纹理等特征；例如，该投影图片可能仅为一个与指定图片形状相同的空白区域。如果该指定图片仅包括前景区域，背景区域为透明，则投影图片通常具有指定图片的前景区域的轮廓特征，但不具有前景区域中的颜色、纹理等特征；因此，本实施例中，指定图片通常为不具有背景区域的图片，当前景区域中的颜色、纹理特征较为简单时(如前景区域为纯色)，除颜色、纹理特征以外，投影图片可以继承指定图片的大部分特征，尤其是轮廓特征。

投影图片的轮廓特征可以通过指定图片获得，投影图片的轮廓所包围的区域可以通过预设的上述指定颜色填充；该指定颜色可以为纯色、渐变色、也可以为带有纹理的颜色。

步骤s106，隐藏指定图片，显示颜色设置后的指定图片的投影图片。

上述投影图片的生成位置具体不做限定，可以为指定图片周围且不与指定图片重叠，如指定图片的上部、下部、左侧、右侧等；也可以与指定图片重叠或部分重叠。为了通过投影图片实现图片变色的效果，在指定图片的位置上显示投影图片时，隐藏指定图片。例如，可以通过执行隐藏命令隐藏指定图片，或者设置一个显示窗口，将指定图片从该显示窗口中移除，并将投影图片移入显示窗口，从而实现显示投影图片时并隐藏指定图片的目的。

本发明实施例提供的图片颜色的变换方法，在确定需要变换指定图片的颜色的情况下，生成该指定图片的投影图片，再将该投影图片设置为指定颜色；然后隐藏该指定图片，显示颜色设置后的指定图片的投影图片。该方式通过为指定图片生成投影图片，并设置投影图片颜色的方式改变图片颜色，颜色变换的方式简单快捷，无需加载或维护较多的图像数据，从而提高了页面的整体性能，也有利于提高用户的体验度。

本发明实施例还提供另一种图片颜色的变换方法，该方法重点描述在交互场景下，确定是否需要变换指定图片的具体方式；如图2所示，该方法包括如下步骤：

步骤s202，接收用户触发的交互指令；其中，该交互指令中用于指示是否对指定图片的颜色进行变换；

步骤s204，根据上述交互指令，确定是否需要变换所述指定图片的颜色；如果是，执行步骤s206；如果否，结束；

需要说明的是，该交互指令可以直接指示是否对指定图片的颜色进行变换；例如，用户可以点击图片或对应的按钮区域触发交互指令；通常，用户触发交互指令后，终端设备通常会执行该交互指令对应的交互操作；该交互指令可以为改变指定图片的颜色，该交互指令对应的交互操作就是改变该指定图片的颜色。

上述交互指令还可以间接地指示是否对指定图片的颜色进行变换，交互指令本身对应其他交互操作，本身不专门用于指示是否对指定图片的颜色进行变换；但终端设备接收到交互指令后，通常会查询该交互指令是否预设有交互指令对应的指定图片，且指定图片预设为接收到交互指令后，变换指定图片的颜色。

例如，该交互指令为显示输入的密码，该交互指令对应的交互操作就是将用户输入的密码从掩藏符号(如小黑点，星形符号)显示为真实的密码符号。为了提示用户知晓当前密码的显示方式，可以预设一个指定图片，如小眼睛的图片，当密码的显示方式为掩藏符号时，该指定图片可以为默认颜色，如灰色；当用户发出上述交互指令后，终端设备变换密码的显示方式，同时变换指定图片的颜色，如变换为绿色，以提示用户当前密码的显示为真实的密码符号。

再如，在操作系统中，应用程序的设置界面上，可以显示有垃圾桶图样的指定图片，该指定图片默认颜色通常为白色；当用户拖动某一应用程序的图片至该指定图片对应的区域时，即可视为该用户触发的交互指令为删除该应用程序；当接收到该交互指令时，该指定图片变色，如红色等较为醒目的颜色，以提示用户该被拖动的应用程序即将删除；当用户在该指定图片对应的区域释放该应用程序时，终端设备即执行删除该应用程序的交互操作。

步骤s206，生成指定图片的投影图片，将该投影图片设置为指定颜色；

步骤s208，隐藏指定图片，显示颜色设置后的指定图片的投影图片。

上述方式中，当接收到用户的交互命令时，根据该交互命令确定是否需要变换指定图片的颜色，如果需要，则生成该指定图片的投影图片，再将该投影图片设置为指定颜色；然后隐藏该指定图片，显示颜色设置后的指定图片的投影图片。该方式中，通过为指定图片生成投影图片，并设置投影图片颜色的方式改变图片颜色，颜色变换的方式简单快捷，无需加载或维护较多的图像数据，从而提高了页面的整体性能；同时，使人机交互更加顺畅，用户体验度较高。

本发明实施例还提供另一种图片颜色的变换方法，该方法在上述实施例所述方法的基础上实现；该方法重点描述生成并显示投影图片，以及隐藏指定图片的具体实现方式；如图3所示，该方法包括如下步骤：

步骤s302，接收用户触发的交互指令；

步骤s304，根据上述交互指令，确定是否需要变换所述指定图片的颜色；如果是，执行步骤s306；如果否，结束；

步骤s306，获取指定图片对应的投影指令；该投影指令中包括投影图片的生成位置和指定颜色；

上述指定图片的投影指令可以预先设置，并保存在该指定图片对应的页面代码中；为了便于后续投影图片和指定图片的移动，投影指令中的投影图片的生成位置可以为指定图片周边的位置，该生成位置可以是与指定图片的相对位置，如指定图片右侧，与该指定图片预设的距离；该生成位置也可以是页面中的绝对位置，如以页面左上角为基准，该生成位置距离该左上角的长度和宽度。

投影指令中的指定颜色，可以通过预设的颜色值表达，该颜色值可以为rgb颜色值，也可以为十六进制颜色码；通常，同一颜色的rgb颜色值与十六进制颜色码一一对应；例如，对于粉红，对应的rgb颜色值为255,192,203，十六进制颜色码为#ffc0cb。

步骤s308，在上述生成位置上生成指定图片的投影图片；将投影图片设置为指定颜色。

该生成位置通常为一个位置点，也可以是一个位置范围；当生成位置是位置点时，可以预设生成的投影图片的哪个点与该生成位置重合，如投影图片的中心点、左上角点、右下角点等；当生成位置是位置范围时，通常需要预设投影图片的大小，根据投影图片的大小设置位置范围的大小。在为投影图片设置指定颜色时，具体可以将该指定颜色填充至投影图片上。

步骤s310，将指定图片从该指定图片的原始位置移动至除原始位置以外的指定位置，以隐藏指定图片；其中，通过预设的显示框显示处于原始位置上的图片或局部图片；

该指定图片的原始位置可以理解为在接收到该指定图片对应的交互命令之前，该指定图片所处的位置；该原始位置上预设有显示框，可以理解，为了避免影响页面外观，该显示框通常不会直接显示在页面上；但该显示框可以预设有如下属性：显示该显示框范围内的图片或局部图片，并隐藏超出该显示框范围的图片或局部图片；该显示框可以通过页面的代码命令实现，如css代码；基于上述显示框的属性，为了显示投影图片并隐藏指定图片，可以将指定图片从原始位置移动至除原始位置以外的指定位置，该指定位置通常在显示框范围以外，以隐藏该指定图片。

需要说明的是，指定图片和该指定图片对应的投影图片，可以理解为一组图片集合，该集合中包含有指定图片和该指定图片对应的投影图片；也可以理解为投影图片是指定图片的扩展部分，即投影图片和指定图片是一张图片；上述显示框通常仅对应一组图片集合或一张图片；对于指定图片附近的其他图片，则不受显示框的显示和隐藏的作用。

步骤s312，将指定图片的投影图片移动至上述原始位置，以显示颜色设置后的指定图片的投影图片。

在实际实现时，上述步骤s310和s312可以顺序执行，也可以同时执行；即，可以先将指定图片从原始位置移出，再将投影图片移入至原始位置；也可以同时移动指定图片和投影图片，直至指定图片到达除原始位置以外的指定位置，投影图片到达该原始位置。

上述方式中，当接收到用户的交互命令时，根据该交互命令确定是否需要变换指定图片的颜色，如果需要，则通过指定图片对应的投影指令中包含的生成位置和指定颜色生成投影图片；再通过显示框的方式隐藏该指定图片，并显示颜色设置后的指定图片的投影图片。该方式中，通过为指定图片生成投影图片，并设置投影图片颜色的方式改变图片颜色，颜色变换的方式简单快捷，无需加载或维护较多的图像数据，从而提高了页面的整体性能；同时，使人机交互更加顺畅，用户体验度较高。

本发明实施例还提供另一种图片颜色的变换方法，该方法在上述实施例所述方法的基础上实现；该方法重点描述通过容器显示投影图片，以及隐藏指定图片的具体实现方式。指定图片预先设置于对应的容器范围中；该容器至少预设有下述容器属性：与容器对应的图片集合中的、位于容器范围之外的图片或局部图片处于隐藏状态，图片集合中的位于容器范围之内的图片或局部图片处于显示状态。

该容器的设置可以通过命令<divclass＝”icon”></div>实现，并通过css样式overflow:hidden设置该容器的容器属性，该命令可以理解为，当超出容器的容器范围，对象被隐藏。

为了在用户触发交互指令之前显示指定图片，在初始状态下，该指定图片可以位于容器的容器范围之内；生成的指定图片的投影图片位于容器的容器范围之外。为了完整的显示指定图片，该指定图片对应容器的容器范围的尺寸通常与指定图片的尺寸相匹配，如容器范围的尺寸通常与指定图片的尺寸相同，或略大于指定图片的尺寸。根据容器范围的尺寸，可以设置生成的投影图片与指定图片的距离，该距离通常至少大于容器范围的尺寸的一半，如容器范围宽度的一半或容器范围高度的一半；再根据该距离选择投影图片的生成位置。

基于上述容器的属性，以及在初始状态下，指定图片和投影图片的位置，上述隐藏指定图片，显示颜色设置后的指定图片的投影图片的步骤，还可以通过下述方式实现：将指定图片移动至容器的容器范围之外；将指定图片的投影图片移动至容器的容器范围之内。可以理解，指定图片和投影图片可以同时移动，也按照预设的先后顺序移动；在同时移动的过程中，可以将指定图片和投影图片视为一张图片，以整体平移的方式移动指定图片和投影图片。

基于上述描述，该方法如图4所示，其中，为了保证图片颜色的变换效果，其中的指定图片为透明背景的图片，该指定图片的边框为透明边框；其中，透明背景也可以理解为无色背景，透明边框也可以理解为无色边框；该方法包括如下步骤：

步骤s402，接收用户触发的交互指令；

步骤s404，根据上述交互指令，确定是否需要变换所述指定图片的颜色；如果是，执行步骤s406；如果否，结束；

步骤s406，生成指定图片的投影图片，将该投影图片设置为指定颜色；

步骤s408，根据投影图片的生成位置，确定移动方向；

其中，该移动方向可以为指定图片的宽度方向、高度方向、对角线方向或其他方向；举例而言，如果投影图片的生成位置为指定图片的右侧，则移动方向就是向左移动；如果投影图片的生成位置为指定图片的左侧，则移动方向就是向右移动；如果投影图片的生成位置为指定图片的上部，则移动方向就是向下移动；如果投影图片的生成位置为指定图片的下部，则移动方向就是向上移动。

为了便于移动并保证移动的准确性，移动方向通常为指定图片的宽度方向或高度方向，其中，宽度方向包括向左移动或向右移动，长度方向包括向上移动或向下移动。当投影图片的生成位置为指定图片的右上角、左下角等其他方向时，此时的移动方向通常为斜向移动。

步骤s410，沿着确定的移动方向，平移指定图片和投影图片，以使指定图片移出容器的容器范围，指定图片的投影图片移入容器的容器范围。

在实际实现时，可以通过命令filter:drop-shadow(color,width,0)生成投影图片；其中，color是投影图片的指定颜色的颜色参数，width,0用于设置投影图片的生成位置，即指定图片右侧，距离指定图片width的位置；如果是drop-shadow(color,0，height)，则代表生成位置为指定图片上部，距离指定图片height的位置。如果是drop-shadow(color,width，height)，则代表生成位置为指定图片的右上角，宽度方向距离指定图片width，长度方向距离指定图片height的位置。另外，上述drop-shadow命令还可以通过box-shadow代替，也可以实现生成投影图片的目的。

可以通过left:负width等命令移动平移指定图片和指定图片的投影图片；如该“left:负width”可以使指定图片和指定图片的投影图片向左平移width长度；“right:width”可以使指定图片和指定图片的投影图片向右平移width长度。可以理解，移动方向和移动距离与投影图片的生成位置对应。

为了进一步提高显示效果，本实施例还可以对容器的容器范围、指定图片的尺寸、以及投影图片的尺寸做进一步的匹配；具体地，容器的容器范围与指定图片的尺寸相同；指定图片的投影图片与指定图片的尺寸相同；指定图片与指定图片的投影图片的距离与指定图片的宽度或高度相同。在实际实现时，容器的容器范围、指定图片的尺寸、以及投影图片的尺寸通过同一组参数设置，比如width和height，即可实现三者尺寸的相同；指定图片与指定图片的投影图片的距离可以通过width或height设置，即可实现该距离与指定图片的宽度或高度相同。通过上述尺寸匹配，可以避免容器范围内完全显示指定图片或投影图片，避免显示其他图片或具体图片，从而提高了显示效果。

上述方式中，通过使用了css3滤镜filter中的drop-shadow滤镜生成投影图片，该drop-shadow滤镜可以给元素或图片的非透明区域添加投影。对于背景透明的图片(或图标)，通过施加不带模糊的投影，就等同于生成了另外一个颜色的图片，然后把原始图标隐藏在容器范围外面，投影图片设置在容器范围以内，颜色变换的方式简单快捷，无需加载或维护较多的图像数据，从而提高了页面的整体性能；同时，使人机交互更加顺畅，用户体验度较高。

对应于上述方法实施例，参见图5所示的一种图片颜色的变换装置的结构示意图，该装置设置于终端设备；该装置包括：

确定模块50，用于确定是否需要变换指定图片的颜色；

投影图片生成模块51，用于在确定需要变换指定图片的颜色的情况下，生成指定图片的投影图片，将投影图片设置为指定颜色；

投影图片显示模块52，用于隐藏指定图片，显示颜色设置后的指定图片的投影图片。

本发明实施例提供的图片颜色的变换装置，在确定需要变换指定图片的颜色的情况下，生成该指定图片的投影图片，再将该投影图片设置为指定颜色；然后隐藏该指定图片，显示颜色设置后的指定图片的投影图片。该方式通过为指定图片生成投影图片，并设置投影图片颜色的方式改变图片颜色，颜色变换的方式简单快捷，无需加载或维护较多的图像数据，从而提高了页面的整体性能，也有利于提高用户的体验度。

进一步地，上述确定模块，用于：接收用户触发的交互指令；其中，交互指令中用于指示是否对指定图片的颜色进行变换；根据交互指令，确定是否需要变换指定图片的颜色。

进一步地，上述投影图片生成模块，用于：获取指定图片对应的投影指令；投影指令中包括投影图片的生成位置和指定颜色；在生成位置上生成指定图片的投影图片；将投影图片设置为指定颜色。

进一步地，上述投影图片显示模块，用于：将指定图片从所述指定图片的原始位置移动至除原始位置以外的指定位置，以隐藏指定图片；其中，通过预设的显示框显示处于原始位置上的图片或局部图片；将指定图片的投影图片移动至原始位置，以显示颜色设置后的指定图片的投影图片。

进一步地，上述指定图片预先设置于对应的容器范围中；容器预设有下述容器属性：与容器对应的图片集合中的、位于容器范围之外的图片或局部图片处于隐藏状态，图片集合中的位于容器范围之内的图片或局部图片处于显示状态；上述投影图片显示模块，用于：将指定图片移动至容器的容器范围之外；将指定图片的投影图片移动至容器的容器范围之内。

进一步地，上述投影图片显示模块，用于：根据投影图片的生成位置，确定移动方向；沿着确定的移动方向，平移指定图片和投影图片，以使指定图片移出容器的容器范围，指定图片的投影图片移入容器的容器范围。

本发明实施例还提供了一种终端设备，用于运行上述图片颜色的变换方法；参见图6所示，该终端设备包括存储器100和处理器101，其中，存储器100用于存储一条或多条计算机指令，一条或多条计算机指令被处理器101执行，以实现上述图片颜色的变换方法。

进一步地，图6所示的终端设备还包括总线102和通信接口103，处理器101、通信接口103和存储器100通过总线102连接。

其中，存储器100可能包含高速随机存取存储器(ram，randomaccessmemory)，也可能还包括非不稳定的存储器(non-volatilememory)，例如至少一个磁盘存储器。通过至少一个通信接口103(可以是有线或者无线)实现该系统网元与至少一个其他网元之间的通信连接，可以使用互联网，广域网，本地网，城域网等。总线102可以是isa总线、pci总线或eisa总线等。所述总线可以分为地址总线、数据总线、控制总线等。为便于表示，图6中仅用一个双向箭头表示，但并不表示仅有一根总线或一种类型的总线。

处理器101可能是一种集成电路芯片，具有信号的处理能力。在实现过程中，上述方法的各步骤可以通过处理器101中的硬件的集成逻辑电路或者软件形式的指令完成。上述的处理器101可以是通用处理器，包括中央处理器(centralprocessingunit，简称cpu)、网络处理器(networkprocessor，简称np)等；还可以是数字信号处理器(digitalsignalprocessing，简称dsp)、专用集成电路(applicationspecificintegratedcircuit，简称asic)、现成可编程门阵列(field-programmablegatearray，简称fpga)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件。可以实现或者执行本发明实施例中的公开的各方法、步骤及逻辑框图。通用处理器可以是微处理器或者该处理器也可以是任何常规的处理器等。结合本发明实施例所公开的方法的步骤可以直接体现为硬件译码处理器执行完成，或者用译码处理器中的硬件及软件模块组合执行完成。软件模块可以位于随机存储器，闪存、只读存储器，可编程只读存储器或者电可擦写可编程存储器、寄存器等本领域成熟的存储介质中。该存储介质位于存储器100，处理器101读取存储器100中的信息，结合其硬件完成前述实施例的方法的步骤。

本发明实施例还提供了一种机器可读存储介质，该机器可读存储介质存储有机器可执行指令，该机器可执行指令在被处理器调用和执行时，机器可执行指令促使处理器实现上述图片颜色的变换方法，具体实现可参见方法实施例，在此不再赘述。

本发明实施例所提供的图片颜色的变换方法、装置、终端设备和机器可读存储介质的计算机程序产品，包括存储了程序代码的计算机可读存储介质，所述程序代码包括的指令可用于执行前面方法实施例中所述的方法，具体实现可参见方法实施例，在此不再赘述。

所述功能如果以软件功能单元的形式实现并作为独立的产品销售或使用时，可以存储在一个计算机可读取存储介质中。基于这样的理解，本发明的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质中，包括若干指令用以使得一台计算机设备(可以是个人计算机，终端设备，服务器或者网络设备等)执行本发明各个实施例所述方法的全部或部分步骤。而前述的存储介质包括：u盘、移动硬盘、只读存储器(rom，read-onlymemory)、随机存取存储器(ram，randomaccessmemory)、磁碟或者光盘等各种可以存储程序代码的介质。

最后应说明的是：以上所述实施例，仅为本发明的具体实施方式，用以说明本发明的技术方案，而非对其限制，本发明的保护范围并不局限于此，尽管参照前述实施例对本发明进行了详细的说明，本领域的普通技术人员应当理解：任何熟悉本技术领域的技术人员在本发明揭露的技术范围内，其依然可以对前述实施例所记载的技术方案进行修改或可轻易想到变化，或者对其中部分技术特征进行等同替换；而这些修改、变化或者替换，并不使相应技术方案的本质脱离本发明实施例技术方案的精神和范围，都应涵盖在本发明的保护范围之内。因此，本发明的保护范围应所述以权利要求的保护范围为准。