0

インターネットで探し回っても解決策が見つからない問題に直面したいと思います。これは: WEB ユーザーが描いた要素をキャンバス スペースに平面的なイメージとして保存するのではなく、1 つ 1 つ個別に保存する必要があります。これは、同じユーザーまたは他のユーザーがすべての要素を一瞬で変更できるようにするためです (ドラッグ アンド ドロップ、消去、部分消去など)。これは、最終的に描画履歴を保存し、次の作業セッションで復元するのにも役立ちます。私が見つけたすべての例は、キャンバスのフラット イメージを保存することを目的としていました。

アップデート:

より明確にするために、レイヤーとしては必要ありませんが、確かに、いくつかの異なる駆動ツールを実現することを考えました。描画要素は、ツールの単一のアプリケーション/スタンスです。円、ボックス、追加された画像、直線、またはマウスの右クリックの瞬間から解放されるまでのフリーハンドの描画です。次に、要素の状態を保存して、各要素を瞬時に変更できるようにします。

4

2 に答える 2

0

これをキャンバスでネイティブに行うことはできません。サードパーティのライブラリの使用を検討する必要があります。Fabricは、あなたがやりたいことをするために構築されたライブラリです。

于 2011-03-22T15:45:11.760 に答える
-1

基本的なアイデアは、コンバンをベクトル形状 (三角形、四角形、円など)、手動で描いた図形 (例 http://www.williammalone.com/articles/create-html5-canvas-javascript- drawing-app/) と挿入された画像を使用して、シリアル化された画像としてではなく、将来の作業セッションで引き続き作業できるように、各要素を元の形式でコンテンツを保存/アップロードする機会をユーザーに提供します。

于 2012-01-20T11:43:47.830 に答える