Firefox 38-40 SMIL问题 - 速度非常慢（从22.09.15在FF版本41中解析） [英] Firefox 38-40 SMIL problems - very slow speed (resolved in FF version 41 from 22.09.15)

问题描述

你可以提供一些有关在版本37.0.2之后传递的新版本FF的信息。
我知道版本38中的大多数bug在38.0.5版本中已经修复。
我注意到在所有新版本的FF中，属性animate和animateTransform的处理速度有所不同，因此页面变得非常慢。如果删除动画标签：

 < rect x = -  1.32y = -  0.63width =3.64height =1.26fill =＃FFD9D9stroke-width =0.0rx =0.12> 
 <！ - 这个动画使得半可见的选择效果 - > 
  < / rect> 
  

至此：

   <！ - 无动画 - > 
 
< / rect> 
  

然后，我们失去了动画（悬停）效果，速度变好，就像在旧版本的FF 37.0.2）with（with not removed）animate tags。

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

代码和视频给他们的一些例子。在页面上有大量元素的情况下会观察到缓慢的问题，但是只有在每个元素都具有类似'animate'的属性的情况下。也许这样：

 < rect x = -  0.5y = -  0.5width =1height =1fill =white> 
 <！ - 它使得半可见的选择效果 - > 
< set attributeName =stroke-opacitybegin =mouseoverend =mouseoutto =0.5>< / set> 
<！ - 在鼠标移出时显式地反转不透明动画 - > 
< set attributeName =stroke-opacitybegin =mouseoutend =mouseoverto =1>< / set> 
< / rect> 
  

在我的例子中，我使用标记来制作悬停效果并在mouseover上改变不透明度。不使用CSS，HTML5，DOM

找到相似的主题（stackoverflow，bugzilla）或者遇到这个问题的人也会很高兴。
谢谢

解决方案

Can you give some information about new versions FF, that passed after version 37.0.2. I knew that most of the bugs in version 38 have been fixed in version 38.0.5. I noticed a difference in the processing speed of the attributes 'animate' and 'animateTransform' in all new versions of FF, and because of this the page becomes really slow. If remove animate tags:

        <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>

To this:

        <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>

Then we lose animate(hover) effects and speed became ok, like it was in old version FF(37.0.2) with(with not removed) animate tags.

I created topic: https://bugzilla.mozilla.org/show_bug.cgi?id=1171966

There were added some examples of code and video to them. The problem of slowness is observed in case of a large number of elements on the page, but only if each of them has the attribute like 'animate'. Maybe alse like this:

        <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>

In my case, I use tag to make hover effect and change opacity on mouseover. Not using css, html5, DOM

It would be nice to find similar topics (stackoverflow, bugzilla) or someone who faced this problems too. Thanks

解决方案

This has been fixed in Firefox from version 41 onwards.

这篇关于Firefox 38-40 SMIL问题 - 速度非常慢（从22.09.15在FF版本41中解析）的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！