別の Web サイトからリモート イメージを動的に取得しています。これらの画像のいくつかは、寸法に関して非常に大きいです。しかし、それらはすべて同じ幅です。
したがって、現在、私はそれらをoverflow:hidden;. ただし、一部の画像は高さが途方もなく大きいです。そのため、サイズのごく一部しか表示されていないにもかかわらず、これらの画像の読み込み時間は長くなります。
リモートに存在する画像を本質的に切り取って表示する方法はありますか (JQuery を使用)。
質問する
210 次
1 に答える
0
javascript はクライアント側です。つまり、コンピューター上で実行されます。画像を完全にロードしないと、js で画像を操作することはできません (js に画像操作ライブラリがある場合でも)。
あなたの場合、リモートホストで画像を操作したい - javascript を使用して画像の一部を取得する HTTP リクエストを作成する - それは不可能です (何らかの Web サービスがない限り)。
あなたの場合、サーバーAから画像全体をダウンロードしてサーバーBにアップロードし、サーバーBを使用して操作を実行できます.
より良い方法は、サーバー A から画像全体をダウンロードすることです。JavaScript (および html キャンバス) を使用して操作を行い、変更されたバージョンを生成して、変更されたバージョンをサーバー B に送信します。ダウンロードは高速でアップロードは遅いため、これは機能するはずです。かなり速い。
どちらの場合も、イメージ全体をダウンロードする必要があります。2 番目の方法では、元の (大きい) 画像をサーバーにアップロードする必要はありませんが、変更された小さいバージョンのみをアップロードする必要があります。
于 2012-12-04T16:29:18.727 に答える