1

作りたい番組のコンセプトがあります。ページに線を描いて保存し、別のユーザーが同じページを表示すると、最初のユーザーが作成した描画を表示して編集できるような描画プログラムを作成したいと考えています。これはすべてオンラインで、おそらく HTML5 キャンバスを使用します。

ユーザーがマウスをクリックすると、プログラムは基本的に、マウスの動きを追跡する一連の円を塗りつぶします。しかし、私が理解するのに苦労しているのは、図面を永続化する方法です。現在考えられる最善の解決策は、図面の「スナップショット」を取り、それを何らかの形式で保存することですが、図面が大きくなると、サーバーからクライアントに保存されて送信される巨大なファイルが存在することになります。理想とはほど遠い音。

これらの図面を効率的な方法で永続化および保存する方法について、誰かが提案できますか?

4

1 に答える 1

0

HTML5 ピクセル データは、PNG 画像として簡単にエクスポートおよびインポートできます。ピクセル データ サイズは、ベクター ベースではなくビットマップ バッファー ベースであるため、適用された描画コマンドの数ではなく、寸法のみに依存します。

toDataURL() を使用してエクスポートします。

HTML キャンバスを gif/jpg/png/pdf としてキャプチャしますか?

データをサーバーに保存します。

としてロードし、を使用し<img>てイメージを描画するだけで、既存のイメージをインポートします。<canvas>drawImage()

于 2012-11-17T13:12:00.613 に答える