如何在Appcelerator中用颜色为详细图像着色?

时间:2018-09-24 14:27:56

标签: android ios appcelerator image-manipulation appcelerator-hyperloop

我正在寻找一种跨平台的方法来用颜色着色详细的PNG或JPG。一个示例用例如下:https://i5.walmartimages.com/asr/74cb7e15-a285-40cc-a294-c157ed6fa8b2_1.b9ab5eb83cad0a612996470fbe7917c3.jpeg?odnHeight=450&odnWidth=450&odnBg=FFFFFF

上面是一个穿着白衬衫的模特的照片。

我会“裁剪”出白衬衫并将其覆盖在模型上。那给了我一件白衬衫,而模型却保持不变。

用户将在颜色图表或类似图形上滑动手指。在执行此操作时,衬衫会保留用户选择的颜色,同时还保留阴影细节。因此,如果他们选择红色,则衬衫将是带有红色阴影的红色。

有了所有允许您调整肤色,调整眼睛颜色,化妆等的应用程序,我希望Appcelerator可以提供一种方法。预先非常感谢您的帮助。

2 个答案:

答案 0 :(得分:1)

我是在一个较旧的应用程序中执行此操作的,目的是为了演示目的更改针织帽子和指甲的颜色。对于帽子,我们拍摄了图像并去除了颜色(但保持阴影和照明),所有颜色部分都是透明的。我只能向您展示演示钉:

enter image description here

您在此透明PNG后面放置了正常的彩色视图,并更改了视图的颜色。无需着色对象。它更快并且节省了电量/内存。

答案 1 :(得分:0)

我通常在Appcelerator中使用的一种简单着色方法是将您的ImageView与常规View覆盖在一起,但使用backgroundColor: "#80FF0000"之类的ARGB形式的透明值设置View的backgroundColor属性,如{{3}中所述}。

但是,我不确定这是否是考虑颜色准确性的最佳方法,因为您正在为客户在衬衫的变体上显示此颜色,并且我不知道其他方法。