Javascript 如何:Kinetic.js缓存形状过滤器

Javascript 如何:Kinetic.js缓存形状过滤器,javascript,html,caching,filter,kineticjs,Javascript,Html,Caching,Filter,Kineticjs,Kinetic.js文档参考告诉我们以下内容: 缓存节点以提高绘图性能,应用过滤器或创建 更精确的命中区域 但当我尝试缓存自定义形状并对其应用一些过滤器时,如下所示 shape.cache(); shape.filters([Kinetic.Filters.Brighten]); //nothing happens shape.filterBrightness(100); //this even throws error: Shape doesn't have this method at al

Kinetic.js文档参考告诉我们以下内容:

缓存节点以提高绘图性能,应用过滤器或创建 更精确的命中区域

但当我尝试缓存自定义形状并对其应用一些过滤器时,如下所示

shape.cache();
shape.filters([Kinetic.Filters.Brighten]); //nothing happens
shape.filterBrightness(100); //this even throws error: Shape doesn't have this method at all

那么,有没有办法对缓存的形状应用某种过滤/阴影/模糊/笔划呢?

如果找不到一些方法,请查看文档:


演示:

我查看了形状文档,甚至是节点文档,但我没有意识到我可以在图像文档中找到它(在您回答后通过谷歌)。无论如何,谢谢你!
rect.brightness(0.5);