Browser devtools extension for debugging Konva.js applications.
You can load the devtools directory as an unpacked extension.
- First, you need to clone the project.
git clone git@github.com:konvajs/konva-devtool.git- At the top right, click More Tools.
- On the right, click Extensions.
- On the left, click load unpacked.
- Select the devtools directory of the konva-devtool project
Then, you can open inspect, select konva dev tool, and you can see the following effect.
Now, you can go to the Chrome Store and install it.
Preview depends on the .konvajs-content element, if you override this element's className, you need to implement window.__canvas_root__.