CreateJS：如何更改位图图像的颜色答案

【问题标题】：CreateJS: how to change color of bitmap imageCreateJS：如何更改位图图像的颜色
【发布时间】：2016-04-21 19:09:50
【问题描述】：

我正在使用 createJS 构建一些简单的游戏。

我有一个图像（白色填充和黑色描边），我会将黑色更改为另一种颜色。

有可能吗？

谢谢

【问题讨论】：

标签： createjs

【解决方案1】：

EaselJS 中进行颜色调整的三种方式是：

Composite Operations：您可以使用复合操作（例如“destination-in”）绘制图像，以确定像素的放置方式。这可能不会给你想要的结果。 Here is an example 使用复合操作将黑色 PNG 更改为不同颜色。
彩色滤光片。 EaselJS 有一个ColorFilter 和一个ColorMatrixFilter，它们可以帮助修改颜色。第一个使用参数来相乘和添加到颜色和 alpha 通道，但使用起来有点困难。第二个使用 ColorMatrix 来调整色调、饱和度、对比度和亮度。这可能对您不起作用，因为更改黑色像素与滤色器的作用相反。
自定义过滤器。 EaselJS 支持自定义过滤器（例如Threshold Filter in the extras folder。这可能是您最好的选择，并且可能需要按摩才能获得所需的内容。

希望能有所启发。

【讨论】：

好的，谢谢，第三种方法效果很好。但现在我有另一个问题。我有两个可以移动的图像。我为这些图像着色，当这些图像叠加时，我必须仅在这部分更改颜色。像这样imgur.com/SoPqxoy
复合运算在一定程度上可以做到这一点。根据您所需的效果，这可能非常困难。我建议打开另一个 SO 问题。