背景の描画の上に移動するオブジェクトを表示できるようにする必要がある Web アプリケーションのプロトタイプを作成しています。オブジェクトは、うまく機能する WebSockets を介してその位置に供給されます。
背景がシンプルなものであれば問題ありません。Canvas と SVG の両方を使用してこれを達成しました。
問題点: 背景が複雑になると (ファイル サイズが大きくなるなど)、実際には機能しなくなります。読み込み、ズーム、パンに時間がかかりすぎます。問題なく動作するディープ ズームの実装 (http://www.akademy.co.uk/software/canvaszoom/canvaszoom.php) を試しましたが、2 つの問題があります。
十分にズームされたディープ ズーム タイル (Deep Zoom Composer) を生成できないようです。トップ レベルは非常に遠くにあり、不要です。タイルの生成に使用する画像は非常に高解像度です。
背景キャンバスの上にある別のキャンバスに移動オブジェクトを保持します。ズーム レベルを同期するにはどうすればよいですか? 1「レベル」のパーセンテージがどれだけ賢明かをどのように知ることができますか?
必ずしもディープズームを使用する必要はありませんが、クライアントに送信されるサイズを抑えるために、ある種のサーバーベースの手法である必要があると思います。
ところで、背景は元は DWG ファイルであり、ソリューションはプラグインレスでなければなりません (Silverlight、Flash などは使用しないでください)。
ありがとう！