屏幕闪烁与 mxGraph 和 svg 图像
screen flicker with mxGraph and svg image
我正在解决一个问题,当用户移动屏幕上的任何对象时,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 缓存图像一段时间.
相关文章:
- 在轴上旋转SVG图像
- 如何在悬停时更改SVG图像的颜色
- Javascript:如何将SVG图像放入数组中
- 将 src 内容动态加载到 SVG 图像
- 根据窗口大小调整 HTML 中 SVG 图像的大小
- 在web浏览器中保存操作过的SVG图像
- Firefox使用drawImage将SVG图像渲染到HTML5画布时出错
- 拉伸和旋转SVG图像的特定部分
- 缩放SVG图像以适应父对象,并在不同的实例中更改仪表颜色
- AngularJS:如何将ng-click绑定到使用嵌入或对象元素插入的SVG图像
- 更改 xlink:当图像在 D3js 中未退出时 svg 图像的 href 链接
- 如何检查 svg 图像的大小
- 将 SVG 图像绘制到 CanvasRenderingContext2D 中
- 是否可以使用 JavaScript 获取 SVG 图像的 XML
- 如何在不看到“闪烁”的情况下更新 SVG 图像
- 如何延迟加载 css 中给出的 svg 图像
- svg 图像被添加到 DOM 中,但除非在 Firebug 中触摸,否则不可见
- 如何将 svg 图像附加到另一个 svg 图像的矩形元素
- 屏幕闪烁与 mxGraph 和 svg 图像
- D3.js SVG 图像拖动有效,但引发许多类型错误