如何将多个滤镜应用于kineticjs中的图像？

Question

我为kinetic.Image应用了多个过滤器，如下所示，

//Invert 
yoda.filters([Kinetic.Filters.Invert]);
layerImage.draw();
//GrayScale
yoda.filters([Kinetic.Filters.Grayscale]);
layerImage.draw();
//Brighten
yoda.filters([Kinetic.Filters.Brighten]);
yoda.brightness(slider.value);
layerImage.batchDraw();
//RGB
yoda.filters([Kinetic.Filters.RGB]);
yoda.red(250);
yoda.green(250);
yoda.blue(0);

当我在原始图像中应用一个滤镜时，在我尝试将另一个滤镜应用于图像后，我得到了预期的图像，它仅影响原始图像，但不保留以前的更改。 但我所期望的是需要改变最近应用的图像变化。

• 步骤1：原始图像 - GrayScale =灰度图像
• 第2步：灰度图像 - RGB =原始图像的RGB图像，
• 步骤3：预期图像（来自灰度图像的RGB）