ユーザーがドラッグして再配置できるテキスト (およびリンク) の段落を含むさまざまなサイズの四角形を含むローカル (オフライン) HTML5 ページを作成したいと考えています。それらをターゲットにドロップする必要はありません。それらをドラッグするだけです。ただし、ページは最終的な場所を記憶し、再度開いたときにそこに表示する必要があります。
これを行うためにキャンバスを使用することを考えましたが、長方形にテキストを描画するのは非常に遅いです。段落ごとに div (ボーダー付き) を作成することをお勧めします。私がこれまでに見つけた最も近い解決策は、「脇に」ドラッグするthis oneです。オリジナルページはこちら。
これらの場所をローカル(オフライン)に保存するには、できれば HTML ページ自体を自己変更して、どのようなコードを作成する必要がありますか? HTML5 に localStorage および sessionStorage オブジェクトがあることは理解していますが、それらを使用したことはありません。
PS このページは私用であり、Firefox を使用しているため、他のブラウザーには興味がありません。jQuery よりも Javascript を使用することをお勧めしますが、すべての提案を大歓迎します。
PS 返信を待っている間に、このサイトに出くわしました:
HTML5、CSS3、JavaScript で構築され、ダイアグラムはキャンバスで作成され、 ApplicationCacheのおかげでオフラインでの使用が可能です。
これは行くべき道でしょうか？