2019年11月29日(金)

ブラウザでフローチャートを作れるシンプルなスクリプト・「Flowy」

• 0
• 2
• 10
• 25

Flowy

Flowyはブラウザでフローチャートを作成出来るスクリプトです。シンプルで軽量なコードですがjQueryに依存します

上図のように左ペインからブロックをD&Dで追加、右ペインで各ブロックを編集するUIとなっていますので直感的な操作でフローチャートを作成する事が出来ます

基本的な機能のみの提供で、完成されているようなものでは無いようで、あくまでフローチャートを作成出来る機能を提供するもののようです

example

var spacing_x = 40; var spacing_y = 100; // 初期化 flowy($("#canvas"), drag, release, snapping, spacing_x, spacing_y);

初期化します。例ではブロックサイズを定義していますがデフォルトで設定されています

function snapping(drag...