Mindmapping example with KineticJS

Question

I want to create a mapper (like mindmapping) with KineticJS and JQuery. But I didn't find how to begin with KineticJS. Actually, I only need some example to draw a box (some shape) in the middle of the page with just one arrow.

Any help will be appreciated.

So your question is how to make a shape and an arrow on a page? — dezman, Jun 11 '13 at 17:45
What is a mapper/ what do you mean by mind-mapping (there is quite a variety)? — dezman, Jun 11 '13 at 17:46

score 1 · Answer 1 · answered Jun 12 '13 at 09:34

1

You can do arrows with paths : http://www.html5canvastutorials.com/kineticjs/html5-canvas-kineticjs-path-tutorial/

You can also do that with polygons : http://www.html5canvastutorials.com/kineticjs/html5-canvas-kineticjs-polygon-tutorial/

And to draw a box, you simply have to draw a rect : http://www.html5canvastutorials.com/kineticjs/html5-canvas-kineticjs-rect-tutorial/

The KineticJS documentation and tutorials are very simple to use.

Hope it will help.

answered Jun 12 '13 at 09:34

Xavier Haennig

308
1
12

You can also see that an arrow plugin will be added to Kinetic in the next release. https://github.com/ericdrowell/KineticJS/wiki/Release-Schedule – Xavier Haennig Jun 13 '13 at 07:48

Mindmapping example with KineticJS

1 Answers1