带有 mxGraph 和 svg 图像的屏幕闪烁答案

【问题标题】：screen flicker with mxGraph and svg image带有 mxGraph 和 svg 图像的屏幕闪烁
【发布时间】：2013-09-17 11:59:09
【问题描述】：

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

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

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

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

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

【问题讨论】：

标签： javascript image mxgraph

【解决方案1】：

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

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

【讨论】：