如何在HTML中加倍緩衝區svg

我有一個從CGI加載的svg，它需要每5秒刷新一次。問題是，加載CGI生成的svg內容需要時間，並且在加載時，我的容器div變空了，並且在加載圖像後返回。這個「眨眼」很討厭.. 如何加倍緩衝它呢？我嘗試了Z-index -1的第二個div並隱藏在後面。但是，當我將它翻轉到最前面時，它並沒有重新渲染，並留下了一個空格。如何在HTML中加倍緩衝區svg

來源

2013-10-22 user1192878

也許你可以創建一個新的圖像元素，設置它的onload處理程序將其添加到頁面（替換舊的），當它被加載，然後最後將圖像的源設置爲你的CGI的URL？ – enhzflep

它與img標籤正常工作。事情是，它是一個交互式的svg，並且必須留在對象標籤內。這個技巧不適用於對象標籤，我不知道爲什麼...... – user1192878

而不是z-index爲什麼不嘗試翻轉/從可見性：隱藏或顯示：從沒有改變這些應該強制重新渲染。

來源

2013-10-22 15:10:13

我相信SVG顯示：沒有元素不會被加載，直到元素變得可見。我期望這種可見性：隱藏起來會起作用。 –

對，我試過顯示：沒有和svg沒有加載。我還沒有嘗試過能見度。我會試一試。謝謝。 – user1192878

這樣的結果？ – Loophole

如何在HTML中加倍緩衝區svg

回答

相關問題