【发布时间】：2015-03-03 02:54:16
【问题描述】：
我正在使用 Adobe Edge Animate 制作一些 CSS3 动画，并使用一个将 SVG 图像转换为标签的插件，以便可以通过 Javascript 访问 SVG 元素。问题是，当父 DIV 容器之一被隐藏并稍后重新显示时，嵌入的 SVG 图像会重新加载，丢失对其所做的任何更改，例如形状的填充颜色等。
这也会在加载新图像时导致动画出现一些卡顿，因为重新加载图像需要很短的时间。
Firefox 或 IE 中不存在此问题。有没有办法告诉 chrome 在隐藏和显示时不要重新加载嵌入的图像？
这里是相关页面的链接：Link
如果你按下回车键，它会触发部分动画。您可以在旋转后看到它切换图像并闪烁的位置。如果您通过名为 changeBladeColor() 的浏览器控制台使用内置函数，您可以看到它如何重置任何更改的属性。此函数更改 SVG 中形状的填充颜色。
以下是测试的示例用法： changeBladeColor(1, '#ff0000');
【问题讨论】：
标签： javascript css google-chrome dom svg