0

您能否提供一些有关新版本 FF 的信息，该版本在 37.0.2 版之后通过。我知道版本 38 中的大多数错误已在版本 38.0.5 中修复。我注意到在所有新版本的 FF 中属性“animate”和“animateTransform”的处理速度有所不同，因此页面变得非常慢。如果删除动画标签：

        <rect x="-1.32" y="-0.63" width="3.64" height="1.26" fill="#FFD9D9" stroke-width="0.0" rx="0.12">
            <!--this animation makes half-visible selecting effect -->
            <animate attributeType="CSS" attributeName="opacity" to="0.65" dur="0.5s" begin="mouseover" fill="freeze"></animate>
            <animate attributeType="CSS" attributeName="opacity" to="1" dur="0.5s" begin="mouseout" fill="freeze"></animate>
        </rect>

对此：

        <rect x="-1.32" y="-0.63" width="3.64" height="1.26" fill="#FFD9D9" stroke-width="0.0" rx="0.12">
            <!--no animation -->

        </rect>

然后我们失去了动画（悬停）效果，速度变得正常，就像在旧版本 FF(37.0.2) 中（没有删除）动画标签一样。

我创建了主题：https ://bugzilla.mozilla.org/show_bug.cgi?id=1171966

向其中添加了一些代码和视频示例。在页面上有大量元素的情况下会观察到缓慢的问题，但前提是每个元素都具有像“动画”这样的属性。也可能是这样的：

        <rect x="-0.5" y="-0.5" width="1" height="1" fill="white">
            <!--it makes half-visible selecting effect -->
            <set attributeName="stroke-opacity" begin="mouseover" end="mouseout" to="0.5"></set>
            <!-- explicitly reverse the opacity animation on mouseout -->
            <set attributeName="stroke-opacity" begin="mouseout" end="mouseover" to="1"></set>
        </rect>

就我而言，我使用标签来制作悬停效果并更改鼠标悬停时的不透明度。不使用 css、html5、DOM

很高兴找到类似的主题（stackoverflow、bugzilla）或遇到这个问题的人。谢谢

4

2 回答 2

1

这已在 Firefox 41 及以后的版本中得到修复。

于 2015-08-09T07:27:24.723 回答
0

由于 Chrome 放弃了对 SMIL 的高级支持，并且 Fire Fox 将尝试修复这个错误一段时间（不是在 39 版中，可能会在以后），使用 CSS 和 Web 动画之外的工具是一个好主意

已弃用的 SMIL SVG 动画替换为 CSS 或 Web 动画效果（悬停、单击）

于 2015-06-25T12:25:16.917 回答