Filters

title: How to apply canvas filters with react and konva? layout: react_page

To apply filters you need to cache the Konva.Node manually. You can do it in componentDidMount. You will probably need to re-cache nodes every time you update their styles in componentDidUpdate or React.useEffect.

Instructions: click on the rectangle to see changes.