0

オブジェクト (できれば SVG) をツールボックスからステージにドラッグ アンド ドロップする新しいプロジェクトを開始しようとしていますが、Raphael.js を使用して支援することを考えています。

私が抱えている問題は、ツールボックスを含むスクロール可能なパネルを含む HTML で作成されたレイアウトをアプリ UI に持たせたいということです。次に、ユーザーがツールボックスからコンポーネントを作成して「ステージ」にドラッグできるようにしたいと思います。

私の選択肢は2つあると思います:

1) Raphael で UI 全体を SVG として作成します。スクロール可能なパネルを含む UI を作成することは、純粋な HTML を使用するよりも Raphael ではるかに難しいと推測しています。

2) HTML で UI を作成し、SVG コンポーネントをツールボックスから Raphael ステージにドラッグ アンド ドロップし、ユーザーがそれらを所定の位置にドロップできるようにします。これが可能かどうかさえわかりません。

私の主張は正しいですか?もしそうなら、ユーザーがステージ上にマウスを置いたことを検出し、何らかの方法でドラッグ ヘルプを非表示にして、ステージ内にコンポーネントを再作成することは可能でしょうか?

4

1 に答える 1

0

少し前に、このようなことを書きました。ツールボックスのコンポーネントを個々の Raphael キャンバスとして描画します。ドラッグすると、このツールを作業領域の外に移動します。ドロップすると、計算を行って場所を特定し、作業領域のその位置に新しい Raphael オブジェクトを作成します。ドラッグされたオブジェクトは、ツールボックス内の適切な位置に戻されます。これはあなたの状況に当てはまりますか?

于 2012-11-28T22:55:05.853 に答える