屏幕闪烁与 mxGraph 和 svg 图像

screen flicker with mxGraph and svg image

本文关键字:svg 图像 mxGraph 闪烁 屏幕      更新时间:2023-09-26

我正在解决一个问题,当用户移动屏幕上的任何对象时,mxGraph 中设置的背景图像正在下载图像。

我可以在火虫和铬中看到 mxClient.js正在下载导致此闪烁的图像。 以下是该脚本中的代码。

           this.shiftPreview1.parentNode.removeChild(this.shiftPreview1);
           this.shiftPreview1 = null;
           this.container.appendChild(c.parentNode);

我可以看到,当调用 appendChild 时,浏览器会下载图像。 那么无论如何在java脚本/mxgraph中,我可以避免这种情况.

容器上的 appendChild 可以从缓存中获取图像而不是再次下载吗?

我找到了我自己问题的答案,浏览器的行为方式有所不同。一旦 js 从 DOM 中删除图像,chrome 就会从缓存中删除图像,但 FF 不会。

通过在服务器端设置缓存控件来解决它,以便我强制 chrome 缓存图像一段时间.