JavaScriptとHTMLCanvasElementでGraphLayoutもどき
JavaScriptとHTML5のHTMLCanvasElementを使って、JavaSDKのGraphLayoutデモもどきを作ってみる。
しかし、作っている最中に、現状ではFireFoxでもstrokeText()等のテキスト描画は未実装であることに気がついた。
仕方が無いので、ノードのラベル名を描画しないまま作ってみた。
■実行結果
GraphLayoutはgraph.jsに、ノード情報のパーサー等はHTMLファイルに記述した。
サンプルはここ→GraphLayoutサンプル
とりあえず、FireFox3、Chorme、IE7で動作確認。ただし、IE7はexcanvas.jsを使っている関係で処理が遅い。
実行画面は以下のとおり。
一応、マウスでノードを引っ張れる。