我正在开发HTML5画布。我在我的项目中使用KineticJS。当用户点击图像时,我需要添加阴影。我正在做这个
image.setShadowBlur(50);
image.attrs.shadowOpacity = 5;
它运行良好。但问题是,一旦我在图像上应用了滤镜,它就不起作用了。为了应用过滤器,我正在做这个
image.cache();
image.filters([Kinetic.Filters.Grayscale]);
我不知道为什么阴影模糊不起作用。这是plunkr。非常感谢。
您需要在应用阴影后重新缓存图像。
image.setShadowBlur(50);
image.clearCache();
image.cache();
演示
此外,最好使用Konva。它在缓存功能方面有很多修复。