javascript - インテリジェントスナップガイドによるドラッグアンドドロップ

Question

現在、私はユーザーがアプリケーション固有のタスクのレイアウトを設計できるようにするウィジェットを構築中です。そして私は、ユーザーのためのパワーポイント/基調講演のインターフェイス（a 280slides）を提供したいと思います。しかし、私はまた、 "スナップガイド"（申し訳ありませんが、私はそれらを記述するための良い言葉を持っていない）を提供したいと思います。

この例は、IDEをドラッグすると自動的に周辺オブジェクトの寸法と位置を計算し、それらを整列しようとするFlash IDEで見ることができます。 mockingbirdアプリケーション（https://gomockingbird.com/mockingbird/）も同様の機能を実現します。 （ヒント：いくつかのオブジェクトをドラッグして、それらの境界ボックスにオブジェクトを配置しようとするガイドがどのようにあるかを見てください）。

ビューポートに要素の配列をキャッシュし、各要素の位置と寸法を計算して最適なスナップを見つけることで同様の効果が得られると私は信じています。しかし、ドラッグされる要素の最も可能性の高い位置をどのように計算するのですか？代替ソリューションはありますか？

知識が豊富な人と教えてください！ :)

Answer 1

これを達成するために既に書かれているライブラリを使用することをお勧めします。たとえば、jQuery UIのDraggableはこれを正確に行い、非常にカスタマイズ可能です。