javascript - JcanvaScript のドラッグ可能を停止するにはどうすればよいですか?

Question

ドラッグ可能な JcanvaScript ライブラリを停止するには?

たとえば、画像の場合、ドラッグ アンド ドロップがキャンバス要素を超えており、画像がそれを超えることを許可したくない場合に使用します。

jc('#img1').draggable({

drag: function(){
    point=jc('#img1').position(); 

    if(point.x<0){
    //here stop draggable image

    //these options don't work
    //this.draggable('pause');
    //return;               
    //jc.pause();

    }

    }
});

Answer 1

わお！これは実際には非常に恐ろしい問題でした。本当に恐ろしいのは、JCanvasScript がonRelaseOutsideイベントを発生させないことです。

ここに解決策を投稿しました：http://jsfiddle.net/qpuGw/

円を左側から 100px 近くまでドラッグすることはできません。

要点は次のとおりです。

1. オブジェクトがバウンディング ボックスの外に移動した場合: (a) クローンを設定し、(b) 非表示に設定します。
2. オブジェクトがバウンディング ボックス内に戻った場合: (a) クローンを削除し、(b) オブジェクトを再び可視に設定します。
3. ユーザーがオブジェクトを解放した場合: 上記 (2) と同じことを行います。

幸運を！