javascript - HTMLでsvgをダブルバッファリングする方法

Question

CGI からロードされた svg があり、5 秒ごとに更新する必要があります。問題は、CGI で生成された svg コンテンツをロードするのに時間がかかり、ロード中にコンテナー div が空になり、イメージをロードした後に戻ってくることです。この「ウィンク」は迷惑です..ダブルバッファリングする方法は? z-index -1 で 2 つ目の div を試し、後ろに隠しました。しかし、それを前面にひっくり返すと、再レンダリングされず、空の div が残るようです。

Answer 1

z-index の代わりに、visibility:hidden との間または display:none との間でフリップしてみませんか?これらを変更すると、再レンダリングが強制されます。