图片颜色的变换方法、装置和终端设备制造方法及图纸

技术编号:20869864 阅读:26 留言:0更新日期:2019-04-17 10:02
本发明专利技术提供了一种图片颜色的变换方法、装置和终端设备;其中,该方法包括:确定是否需要变换指定图片的颜色;在确定需要变换指定图片的颜色的情况下,生成指定图片的投影图片,将投影图片设置为指定颜色;隐藏指定图片,显示颜色设置后的指定图片的投影图片。本发明专利技术通过为指定图片生成投影图片,并设置投影图片颜色的方式改变图片颜色,颜色变换的方式简单快捷,无需加载或维护较多的图像数据,从而提高了页面的整体性能,也有利于提高用户的体验度。

【技术实现步骤摘要】
图片颜色的变换方法、装置和终端设备
本专利技术涉及图像处理
,尤其是涉及一种图片颜色的变换方法、装置和终端设备。
技术介绍
相关技术中,为了变换网页中图片的颜色,一种方式是预先存储同一内容的不同颜色的多张图片,根据用户操作显示不同颜色的图片;另一种方式中,可以将需要变色的图片设置成字体图片的格式,即iconfont格式,再通过CSS(CascadingStyleSheets,层叠样式表)技术修改颜色,但该方式需要建立并不断维护更新字体数据包,用户端在访问网页时,也需要下载对应的字体数据包以根据用户操作变换图片颜色;还有一种方式是将图片转换成SVG(ScalableVectorGraphics,可缩放矢量图形)格式,在通过HTML(HyperTextMarkupLanguage,超级文本标记语言)语言中的fill命令修改图片颜色,但该方式需要修改网页代码中的参数才能变换图片颜色,不能根据用户操作自动变换图片颜色。综上,现有的根据用户操作变换图片颜色的方式通常需要加载或维护较多的图像数据,容易影响网页的整体性能,颜色变换的便捷性较差。
技术实现思路
有鉴于此,本专利技术的目的在于提供一本文档来自技高网...

【技术保护点】
1.一种图片颜色的变换方法,其特征在于,所述方法应用于终端设备;包括:确定是否需要变换指定图片的颜色;在确定需要变换所述指定图片的颜色的情况下,生成所述指定图片的投影图片,将所述投影图片设置为指定颜色;隐藏所述指定图片,显示颜色设置后的所述指定图片的投影图片。

【技术特征摘要】
1.一种图片颜色的变换方法,其特征在于,所述方法应用于终端设备;包括:确定是否需要变换指定图片的颜色;在确定需要变换所述指定图片的颜色的情况下,生成所述指定图片的投影图片,将所述投影图片设置为指定颜色;隐藏所述指定图片,显示颜色设置后的所述指定图片的投影图片。2.根据权利要求1所述的方法,其特征在于,所述确定是否需要变换指定图片的颜色的步骤,包括:接收用户触发的交互指令;其中,所述交互指令中用于指示是否对所述指定图片的颜色进行变换;根据所述交互指令,确定是否需要变换所述指定图片的颜色。3.根据权利要求1所述的方法,其特征在于,生成所述指定图片的投影图片,将所述投影图片设置为指定颜色的步骤,包括:获取所述指定图片对应的投影指令;所述投影指令中包括投影图片的生成位置和所述指定颜色;在所述生成位置上生成所述指定图片的投影图片;将所述投影图片设置为所述指定颜色。4.根据权利要求1所述的方法,其特征在于,隐藏所述指定图片,显示颜色设置后的所述指定图片的投影图片的步骤,包括:将所述指定图片从所述指定图片的原始位置移动至除所述原始位置以外的指定位置,以隐藏所述指定图片;其中,通过预设的显示框显示处于所述原始位置上的图片或局部图片;将所述指定图片的投影图片移动至所述原始位置,以显示颜色设置后的所述指定图片的投影图片。5.根据权利要求1所述的方法,其特征在于,所述指定图片预先设置于对应的容器范围中;所述容器预设有下述容器属性:与容器对应的图片集合中的、位于所述容器范围之外的图片或局部图片处于隐藏状态,所述图片集合中的位于所述容器范围之内的图片或局部图片处于显示状态;所述隐藏所述指定图片,显示颜色设置后的所述指定图片的投影图片的步骤,包括:将所述指定图片移动至所述容器的容器范围之外;将所述指定图片的投影图片移动至所述容器的容器范围之内。6.根据权利要求5所述的方法,其特征在于,所述隐藏所述指定图片,显示颜色设置后的所述指定图片的投影图片的步骤,包括:根据所述投影图片的生成位置,确定移动方向;沿着确定的所述移动方向,平移所述指定图片和所述投影图片,以使所述指定图片移出所述容器的容器范围,所述指定图片的投影图片移入所述容器的容器范围。7.一种图片颜色的变换装置,其特征在于,所述装置设置于终端设备;包括:确定模块,用于确定是否需要变换指定图片...

【专利技术属性】
技术研发人员:冯凯程
申请(专利权)人:北京金山云网络技术有限公司北京金山云科技有限公司
类型:发明
国别省市:北京,11

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1