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

Popular posts from this blog

javascript - gulp-nodemon - nodejs restart after file change - Error: listen EADDRINUSE events.js:85 -

Fatal Python error: Py_Initialize: unable to load the file system codec. ImportError: No module named 'encodings' -

javascript - oscilloscope of speaker input stops rendering after a few seconds -