Anleitung - wie MindMap zeichnen

[LX]

doojoo und jquery werden Dir wenig helfen (nur zum Selektieren des Canvas-Nodes), da Du hauptsächlich im Canvas, bzw. dessen 2d-Context arbeiten musst. Dazu gibt es ein schönes Cheat Sheet, auf dem die wichtigsten Befehle kurz aufgeführt sind.

An sich ist das mit der MindMap kein Hexenwerk. Du brauchst lediglich eine Funktion, die einzelne Knoten einer MindMap zeichnet (Boxen mit Text drin) und eine weitere, die sie miteinander verbindet sowie eine letzte, die beide Funktionen einigermaßen sinnvoll aufruft. Mache Dir also erst einmal Gedanken, wie diese Funktionen von außen aussehen sollen, also bspw:

drawMapNode({text: '...', x: 2424, y: 1134});  
joinMapNode({x: 2544, y: 1145}, {x: 1044, y: 2948});

Anhand einer solchen Schnittstelle kannst Du dann Funktionen entwickeln, die sich zweckmäßig verwenden lassen.

Gruß, LX