我正在处理 HTML5 Canvas 。我在我的项目中使用 KineticJS。当用户单击图像时,我需要向图像添加阴影。我正在做这个
image.setShadowBlur(50);
image.attrs.shadowOpacity = 5;
一切正常。但问题是,一旦我在图像上应用滤镜后,它就不起作用了。要应用过滤器,我正在这样做
image.cache();
image.filters([Kinetic.Filters.Grayscale]);
我不知道为什么阴影模糊不起作用。这是plunkr 。谢谢。
最佳答案
应用阴影后需要重新缓存图像。
image.setShadowBlur(50);
image.clearCache();
image.cache();
此外,最好使用 Konva 。它在缓存功能中有很多修复。
关于javascript - Kineticjs:应用滤镜后阴影模糊不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33434411/