Kineticjs：应用滤镜后阴影模糊不起作用

Question

我正在研究 HTML5 canvas。我在我的项目中使用 KineticJS。当用户点击它时，我需要为图像添加阴影。我正在这样做

image.setShadowBlur(50);
image.attrs.shadowOpacity = 5;

一切正常。但问题是，一旦我在图像上应用滤镜，它就不起作用了。要应用过滤器，我正在这样做

image.cache();
image.filters([Kinetic.Filters.Grayscale]);

我不知道为什么阴影模糊不起作用。这是 plunkr。谢谢。

Answer 1

应用阴影后需要重新缓存图像。

image.setShadowBlur(50);
image.clearCache();
image.cache();

Demo

也最好用Konva。它在缓存功能上有很多修复。