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

Question

Kinetic.js doc reference tells us following:

cache node to improve drawing performance, apply filters , or create more accurate hit regions

But when i try to cache custom shape and apply some filters to it as following

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

So is there any way to apply some sort of filter/shadow/blur/stroke to cached shape?

Answer 1

Look at documantation if you can't find some methods: http://kineticjs.com/docs/

rect.brightness(0.5);

Demo: http://jsbin.com/fucix/1/edit