在 nodejs 中实现交互式图像的最佳工具是什么？

Question

I'm building a web application to create character builds from a video game. Most functionality for the character builds has been implemented but I'm not sure how to proceed with the next part.

In game there is a wheel that allows the player to traverse down a graph and build a path to unlock skills. The image for that is here

I'm currently developing using the MERN stack and I was thinking about using KonvaJS to implement this wheel into the game. Some key features of this wheel are:

1. Lines between two nodes light up if they're active (activated by clicking)

2. Lines to available paths dimly light up

3. Hovering over a node shows the tooltip of that node's information

4. Clicking a node selects it

5. The three rings (inner, middle, outer) can be rotated to mix and match nodes

   My question is, what would be the best tool to achieve this functionality on the application?

Answer 1

There is another library FabricJs which handles few stuff by default saving you alot of time. Object transforming tool is build-in feature for Fabric.js. You can quite simply transform, resize and rotate objects. Konva has No such support, so you will have to implement that manually. Hence i would prefer FabricJs!