Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/456.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 隐藏和显示父DIV容器时Chrome重新加载嵌入的SVG对象_Javascript_Css_Google Chrome_Dom_Svg - Fatal编程技术网

Javascript 隐藏和显示父DIV容器时Chrome重新加载嵌入的SVG对象

Javascript 隐藏和显示父DIV容器时Chrome重新加载嵌入的SVG对象,javascript,css,google-chrome,dom,svg,Javascript,Css,Google Chrome,Dom,Svg,我正在使用AdobeEdge动画制作一些CSS3动画,并使用一个插件将SVG图像转换为标记,以便通过Javascript访问SVG元素。问题是,当父DIV容器之一被隐藏并随后重新显示时,嵌入的SVG图像将被重新加载,丢失对其所做的任何更改,例如形状的填充颜色等 当加载新图像时,这也会导致动画中出现一些口吃,因为重新加载图像需要少量时间 这个问题在Firefox或IE中不存在。有没有办法告诉chrome在隐藏和显示时不要重新加载嵌入的图像 以下是相关页面的链接: 如果按enter键,将触发部分动画

我正在使用AdobeEdge动画制作一些CSS3动画,并使用一个插件将SVG图像转换为标记,以便通过Javascript访问SVG元素。问题是,当父DIV容器之一被隐藏并随后重新显示时,嵌入的SVG图像将被重新加载,丢失对其所做的任何更改,例如形状的填充颜色等

当加载新图像时,这也会导致动画中出现一些口吃,因为重新加载图像需要少量时间

这个问题在Firefox或IE中不存在。有没有办法告诉chrome在隐藏和显示时不要重新加载嵌入的图像

以下是相关页面的链接:

如果按enter键,将触发部分动画。您可以看到旋转后,它会关闭图像并闪烁。如果通过名为changeBladeColor()的浏览器控制台使用内置函数,您可以看到它如何重置任何更改的属性。此函数用于更改SVG中形状的填充颜色

下面是一个用于测试的示例:
changeBladeColor(1,#ff0000')

看来唯一的解决办法是将元素从页面中移出。我不得不重新制作很多动画,所以在执行任何需要显示和隐藏对象的项目时(尤其是那些看起来不需要显示和隐藏对象的项目时),请记住这一点