javascript - 如何在 HTML 中加倍缓冲 svg

标签 javascript html css svg

我有一个从 CGI 加载的 svg,它需要每 5 秒刷新一次。 问题是,加载 CGI 生成的 svg 内容需要时间,加载时,我的容器 div 变为空,加载图像后返回。 这个“眨眼”很烦人.. 如何双缓冲呢?我用 z-index -1 尝试了第二个 div 并隐藏在后面。但似乎当我将它翻转到前面时它不会重新渲染并给我留下一个空的 div。

最佳答案

而不是 z-index 为什么不尝试翻转到/从 visibility:hidden 或翻转到/从 display:none 改变这些应该强制重新渲染。

关于javascript - 如何在 HTML 中加倍缓冲 svg,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19520592/

相关文章:

html - 我需要帮助排除 mobile.css 上我的 style.css 的一部分

javascript - 检测jQuery中的输入变化?

css - :local(. class) { } 在 CSS 模块中如何工作?

javascript - Controller 中功能的 Angular 更多功能

引用 JS 文件所需的 Javascript 代码取决于环境 Prod、Dev、stage

javascript - CSS max-height 不起作用,但同一 div 的高度起作用

html - div的背景图片

jquery - 使用 jquery ui-sortable 排序时出现奇怪的绿色/黄色背景

javascript - SpreadSheetApp 使用 JS 将值附加到特定单元格

javascript - 减少编辑和删除文本之间的空间