svg - Firefox 38-40 SMIL problems - very slow speed (resolved in FF version 41 from 22.09.15) -
can give information new versions ff, passed after version 37.0.2. knew of bugs in version 38 have been fixed in version 38.0.5. noticed difference in processing speed of attributes 'animate' , 'animatetransform' in new versions of ff, , because of page becomes 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 lose animate(hover) effects , speed became ok, 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 added examples of code , video them. problem of slowness observed in case of large number of elements on page, if each of them has attribute 'animate'. maybe alse 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 opacity animation on mouseout --> <set attributename="stroke-opacity" begin="mouseout" end="mouseover" to="1"></set> </rect>
in case, use tag make hover effect , change opacity on mouseover. not using css, html5, dom
it nice find similar topics (stackoverflow, bugzilla) or faced problems too. thanks
this has been fixed in firefox version 41 onwards.
Comments
Post a Comment