如何更改图像的色调颜色?

时间:2019-01-16 17:01:18

标签: reactjs react-native

对不起,标题模糊,我不知道该如何诚实地问这个问题,所以我将描述我想做的事情

我正在尝试开发一个应用程序,用户可以在其中更改汽车不同部分的颜色。他们可以将门例如更改为如图所示的绿色或他们希望的任何其他颜色。然后,他们将能够更改引擎盖或屋顶等的颜色。

我已经考虑过为每个组件设置单独的图像,然后将它们对齐以进行匹配。但是,当涉及不同的屏幕尺寸和比例时,这似乎几乎是不可能的。我还考虑过制作白色的毯子图像,然后使用选定的颜色在顶部创建视图。

有人知道我该如何处理吗?

谢谢

1 个答案:

答案 0 :(得分:1)

我不知道它的性能。但是,如何覆盖汽车的不同部分,却使用整个汽车的相同尺寸。例如,您拥有整个汽车的图像,并擦除了除车门外的所有图像。在其他图像中,您将擦除除遮光罩以外的所有内容。如果您将一个图像放置在另一个图像之上,那么它将使整辆汽车都畅通无阻,并且屏幕尺寸不会影响您,因为所有图像的尺寸均相同。 然后,您可以使用色调样式来更改每个图层的颜色。