HTTP get を使用せずに、ブラウザに同じソースと同じ画像を強制的に再描画させる方法はありますか?
Chromeにはレンダリング バグがあるため、これを行う必要があります。画像の上にあるドラッグ ゲーブル要素を移動すると、要素に白い跡が残ります。
HTTP get を使用せずに、ブラウザに同じソースと同じ画像を強制的に再描画させる方法はありますか?
Chromeにはレンダリング バグがあるため、これを行う必要があります。画像の上にあるドラッグ ゲーブル要素を移動すると、要素に白い跡が残ります。
src
ドロップ後に画像の属性を (JavaScript 経由で)更新するとうまくいく場合があります。(そして、ファイルがキャッシュにある場合は、「html get」があってはなりません。
簡単なことをするとどうなりますか:
$("#myimg").hide()
それから
$("#myimg").show()
再描画を強制するには、次を呼び出してみてください。
$("body").toggleClass("refresh");
クラス「refresh」を定義する必要はありませんが、これにより通常、dom 要素が必要なときに再描画または更新されないという問題が修正されます。
ドキュメントに(同じソースの)新しい画像を追加します。position: absolute
古い誤ってレンダリングされた画像の上に置くために使用します。これにより、画面のフラッシュ/ちらつきを回避できる場合があります。
これは、イメージが正しくダウンロードされたことを前提としています。
$('#myImg').hide();
setTimeout(function(){$('#myImg').show();}, 1);