Awesome

konva-devtool

Browser devtools extension for debugging Konva.js applications.

usage

You can load the devtools directory as an unpacked extension.

1. First, you need to clone the project.

git clone git@github.com:konvajs/konva-devtool.git

2. At the top right, click More Tools.
3. On the right, click Extensions.
4. On the left, click load unpacked.
5. 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.

webstore

Now, you can go to the Chrome Store and install it.

Konva Dev Tool

notice

Preview depends on the .konvajs-content element, if you override this element's className, you need to implement window.__canvas_root__.