ホーム
エントリーへ戻る
JointJS
・基本(basic)
・フィルター(filters)
・グラデーション(gradients)
・インタプリタ(Interpreter)
・リンク(Links)
・トランジション(transition)
はじめに(Introduction)
・ハローワールド(Hello World!)
・イベント処理(Event handling) … all
・イベント処理(Event handling) … change:position
・複数の論文(Multiple papers) …
・要素のスタイル(Element styling) …
・リンクのスタイル設定(Link styling) …
チュートリアル(Tutorials)
・円/楕円/矩形での制約された動き(Constraint movement to circle/ellipse/rectangle) …
・JointJS要素内にHTML(HTML inside JointJS elements) …
・JointJS要素にハイパーリンクを使用(Using Hyperlinks in JointJS elements) …
階層的な図(ips on hierarchical diagrams)
・親領域で子移動を規制(Restricting child movement to the parent area) …
・子領域をカバーするために親エリアを拡大(Expanding parent area to cover its children) …
・UIを経由して親子関係を変更(Reparenting) …
要素リンクにフィルタとグラデーションを使用(Using Filters and Gradients in elements and links)
・要素リンクにフィルタを使用(Filters) …
・グラデーション(Gradients) …
ポートを使用した動作(Working with Ports)
・ポートを持つ要素の作成(Creating elements with ports) …
・ポートとのリンク要素(Linking elements with ports) …
・リンクの制限(Linking restrictions) …
・リンクスナップ (Link snapping) …
・要素間の複数のリンク(Multiple links between elements) …
・ドロップすることで接続する(Connecting by dropping) …
デモ(Demos)
・有限オートマトン(Finite State Machines)
・組織図(Organizational Charts)
・ER図(ER Diagrams)
・離散事象システム仕様(Discrete Event System Specification)
・チェス(Chess)
・ペトリネット(Petri Nets)
・リンク(Links)
・統一モデリング言語(Unified Modeling Language) … クラス図(The Class Diagram)
・統一モデリング言語(Unified Modeling Language) … ステートチャートダイアグラム(The Statechart Diagram)
・論理回路(Logic Circuits)
・遷移デモ＆カスタム要素を見る(Transition demo & Custom ElementView)
・スマートルーティング (Smart Routing) … 要素をドラッグして、リンクがどのように障害物を回避するか確認してみてください。 (Try to drag elements and see how the link avoids the obstacles.)
Rappidのデモ(Rappid Demos)
・ビジネスプロセスモデルと表記(Business Process Model and Notation)
動作理解するために設定値変更
・ドラゴンボール家系図