0

次の目標を達成するのに役立つjQueryプラグインを探しています:

  1. 「シーン」の配置に使用される固定サイズのキャンバスをユーザーに提示します
  2. 基本的な形状、カスタム オブジェクトをシーンに配置できるようにする
  3. シーン内の要素のドラッグ アンド ドロップをサポート
  4. 「グリッドへの切り取り」をサポート

何か案は?

4

2 に答える 2

0

jquery UI is not the library I was looking for, since it only provides support for Drag'n'Drop, nothing more from my list. One particular interesting library I found is http://raphaeljs.com/. You can easily build a canvas on which user can draw custom shapes, it has a lot of built in tools which can reduce boilerplate code and it also supports D'n 'D. I think Snap to Grid will gave to be performed manually, but I find this library to be quite nice and powerful.

I'll wait for other replies, maybe someone knows of something better.

Edit It appears that raphaeljs doesn't handle dragging and dropping images out of the box (some custom code required). I went with jQuery UI again and decided that it's far more better.

于 2012-06-03T20:38:57.840 に答える
0

jqueryuiを試す必要があります。これは、ドラッグ、ドロップなどの優れた機能を備えた多くの ui 要素を提供し、ブラウザとの互換性が無料で付属しています。

グリッド スナップのような機能を取得するには、次の設定を使用します。

$(function() {
    $( "#draggable" ).draggable({
        containment: "parent",
        grid: [10, 20],
        drag: function() {
            // custom code
        }
    });

});

他の要素へのスナップなど、より優れた設定もあります。完全なドキュメントはこちらを参照してください

于 2012-06-03T11:43:19.080 に答える