javascript - 带有 mxGraph 和 svg 图像的屏幕闪烁

Question

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

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

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

我可以看到，当调用 appendChild 时，浏览器会下载图像。那么在 java script/mxgraph 中有没有我可以避免这种情况的地方。

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

Answer 1

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

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