ライブラリはMooToolsは、YUIとjQueryのために移植されました。
これは、GUI要素、または他のオブジェクトが相互に対話する方法を示すグラフ、チャート、または異なる要素をドラッグしてキャンバスのステージを使用しています。
古いブラウザでは、GoogleのExplorerCanvasスクリプトが使用されます。
jQueryの:
jsPlumbはjQueryの1.3.xのまたは1.4.xのが必要です。とjQueryUIの1.7.xまたは1.8.x.
MooToolsは:
jsPlumbもっとMooToolsのからMooToolsは1.2.4とDrag.Moveが必要です。
YUI3:
jsPlumbはYUIの3.3.xのを必要とします。
特徴:
このグラフ要素:
コネクタ - ページ内の2つの要素を結ぶ線
エンドポイント - 接続の一方の端を視覚的に表現
アンカー - 終点が存在できるの要素の原点からの相対位置、
オーバーレイ - ラベルなどのコネクタを飾るために使用されるUIコンポーネント、矢印など
接続 - アンカー、エンドポイントのインスタンスと2つの要素を結合するために協力し、ゼロ以上のオーバーレイとのコネクタ。
このリリースで新しい何が:
このフローチャートコネクタ二つの要素が2つのスタブの合計よりも近づいているときに、自動的にスタブパラメータを減少させます。これは、フローチャートのコネクター定義にtrueにalwaysRespectStubsパラメータを設定することで上書きすることができます。
このバージョン1.4.0の新機能です:
このAMDローダーがページ内に発見された場合jsPlumbは現在AMDモジュールとして登録します。二つの登録は行われています。静的インスタンスの「jsplumb」、および「jsplumbinstance」を、新しいインスタンスの。
ベジェ、ストレート、およびアーク - 内部的には、すべてのコネクタは現在セグメントのセットで構成され、そのうちの3つのタイプがあります。
jsPlumb.selectとjsPlumb.selectEndpointsからの戻り値は、現在 'はsetType'メソッドをサポートしています。
はsetType / AddTypeの機能は現在、パラメータ化タイプをサポートしています。
このバージョン1.3.16の新機能です:
このは、接続とエンドポイント&QUOTの概念が追加されました。種類]です。
追加された「カスタム」オーバーレイタイプ。
戻り値をselectEndpointする 'のsetEnabled' / 'ISENABLEDのメソッドが追加されました。
ラベルのレンダリングにパフォーマンスの向上。
このバージョン1.3.11の新機能です:
この新機能:
jsPlumbに「selectEndpoints 'メソッドを追加しました。これは、(接続のためのものである)jsPlumb.selectと同様に動作します。
追加されましたisSuspendDrawing方法
追加されました"接続" jsPlumbConnection"既存&QUOTへのエイリアスとして;イベント。両方のイベントが起動されます。ので、それらの両方に登録されません!
追加されました" connectionDetached"別名としてQUOTをに&; jsPlumbConnectionDetached"イベント。上記のように - の両方のイベントが起動されます。
エンドポイントに追加された「MaxConnectionsを 'イベント。
makeTargetとmakeSourceに追加「onMaxConnections」のコールバックオプション
修正された問題:
エンドポイントに「MaxConnectionsを 'イベントを追加
selectEndpoints強化
makeSourceはMaxConnectionsをパラメータを尊重しません
はsetLabelはsuspendDrawingフラグを無視します
そのが行われた後deleteEveryEndpointは、それが始まる前に、描画を一時停止し、復元する必要があります。
このバージョン1.3.10の新機能です:
このmakeSourceは今、あなただけの要素の部分にマウスイベントに応答することを可能にする「フィルタ」パラメータで呼び出すことができますしたいです。
フローチャートコネクタの両端には異なる長さのスタブは(ちょうど単一の整数の代わりに二つの整数の配列を供給)をサポート
コネクタのオーバーレイの位置は、現在ソースとターゲットからの距離を意味し、負の値からの距離を意味し、正の値と、絶対値として指定することができます。
このバージョン1.3.9の新機能である:キャンバスでます。
ストレートコネクタは現在、単純なdashstyle(2つだけ引数)をサポートしています
clearListeners、jsPlumb、接続とエンドポイントの火災と結合する方法あなたは、「流暢な "スタイルでそれらを使用できるようになりました、自分自身を返します。
paintStyleとhoverPaintStyleはもはやエンドポイントまたは接続に露出されていません。
getPaintStyleとgetHoverPaintStyle方法は、エンドポイントとの接続に加えました。
HoverClassはjsPlumbのデフォルト値に追加されました。
いくつかの新しい方法がターゲットとソースを操作するために追加されました。
このバージョン1.3.8の新機能である:何かがドラッグされている間
このホバーモードが中断されます。これは、画面の周りにマウスを移動するとランダム点滅の多くを防ぐことができます。
それは、1つを与えられた場合はVMLのエンドポイントは、カスタムCSSクラスを割り当てていませんでした。それは今です。
このバージョン1.3.7の新機能です:
このはSETID機能を追加しました。
setIdChanged機能を追加しました。これは、開発者が事後にIDの変更のjsPlumbに知らせることができます。
connectionDrag / connectionDragStopイベント。
getConnectionsはないキーとしてスコープを持つオブジェクトとして、配列として接続を返すようにjsPlumbに指示し、オプションの二番目の引数を取ります。
ソース/ターゲット/スコープのいずれかのgetConnectionsに '*'を渡すことができます。
ConnectionとエンドポイントにshowOverlays / hideOverlays機能を追加しました。
接続とエンドポイントを追加しましたgetOverlays方法。
このバージョン1.3.6の新機能です。サポートされるようになりました
この最後の一つのパラメータは、「uniqueEndpoint」である - これは今まで1つの関連するエンドポイントを作成するためにmakeSourceとmakeTargetに指示します。
makeSourceとmakeTarget呼び出しは今jsPlumb.connectにsubsquent呼び出しで光栄です。
importDefaultsとrestoreDefaultsメソッドが追加されました。
jsPlumb.draggable(..)は現在、ネストされた要素をサポートしています。
この要件:
このJavaScriptはクライアント側で有効になって
コメントが見つかりません