0

大きな画像（サイズ> 80 MB）をWebページに読み込もうとしています。ユーザーは実際に画像全体を一度に見る必要はなく、要求された部分だけを見る必要があります。

画像のサイズは約10kx10kです。

私は少し周りを見回しましたが、問題の合理的な解決策を見つけることができませんでした。

必要に応じて画像をいくつかの部分に分割し（例：9個、各3k x 3k）、ユーザーの要求に応じてページに読み込むか、画像の次のセクションに移動します（例：ユーザーが3k xを超えた場合） 3k境界、サーバーは必要に応じてサイドピースまたはボトムピースを送信します）。

私は画像を分割する方法を見つけましたが、それを動的に行い、それらを動的に縫い合わせる方法を見つけることができませんでした。

アップデート

Microsoft Deep Zoom Composerを使用してみましたが、機能しませんでした。こんなに大きな画像サイズには対応していないと思います。Microsoft PhotoSynthで同じ画像を試したところ、 32MBまでのファイルしかサポートされていないというエラーメッセージが表示されたので、その結論に達しました。Deep ZoomComposerとPhotoSynthは同じファイル形式を使用しているため、同じファイルサイズの制約があると思います。

Deep Zoom Composerは、エラーメッセージのように意味のあるエラーメッセージを生成しませんでした。ファイル形式は正しくありませんが、ファイルは正しい形式（つまり、jpg）です。ありがとう

4

3 に答える 3

3

Microsoft DeepZoomComposerを使用できます

于 2012-04-24T07:05:23.097 に答える
0

これは表示するにはかなり大きな画像なので、より扱いやすいサイズにサイズ変更することはできず、グリッドで表示する必要があると想定します。ユーザーがビューを移動するときにブロックを個別にロードするGoogleマップと同じアイデアを使用できます。

3k x 3kピクセルでさえ、ほとんどの画面解像度よりもいくらか大きいため、そのビューをどのように構成するかはあなた次第です。さらに小さなブロックが必要な場合があります。

私はあなたが必要とすることをするために手元にあるコンポーネントを知りませんが、あなた自身を転がすことはそれほど難しいことではないはずです。divグリッドが内部に配置されたコンテナを使用しdiv、それぞれが表示されたら背景画像ビットを読み込むかdiv、グリッドとして固定数のsをレンダリングし、「ビューポート」の移動に応じて必要な背景画像を読み込むことができます。

それが理にかなっていることを願っています。

于 2012-04-25T04:19:20.037 に答える
0

ファイル内を必要なピクセルに簡単に移動したり、それらのピクセルで新しい画像を作成して送信したり、保存して再表示したりできるように、別のファイル形式（bmpなど）に変換する必要があると思います。大きな問題は、新しい画像サイズです。

于 2012-07-19T02:44:58.240 に答える