nicolas/librenms
1
0
Fork 0
mirror of https://github.com/stylersnico/librenms.git synced 2026-07-27 16:08:55 +02:00
Code Issues Packages Projects Releases Wiki Activity

Add a currently unworking animation for the spider legs

Browse Source
This commit is contained in:
danzel
2012-07-24 11:04:25 +12:00
parent 813d38a09a
commit ffbe50b740
1 changed files with 27 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/MarkerCluster.Spiderfier.js
+27
View File
@@ -153,6 +153,33 @@ L.MarkerCluster.include(!L.DomUtil.TRANSITION ? {
leg = new L.Polyline([me._latlng, m._latlng], { weight: 1.5, color: '#222' });
map.addLayer(leg);
m._spiderLeg = leg;
//Chrome bug that prevents this working:
// http://stackoverflow.com/questions/8455200/svg-animate-with-dynamically-added-elements
//http://stackoverflow.com/questions/5924238/how-do-you-animate-an-svg-path-in-ios
//http://dev.opera.com/articles/view/advanced-svg-animation-techniques/
//var length = leg._path.getTotalLength();
//leg._path.setAttribute("stroke-dasharray", length + "," + length);
var xmlns = "http://www.w3.org/2000/svg";
var anim = document.createElementNS(xmlns, "animate");
//anim.setAttribute("attributeName", "stroke-dashoffset");
//anim.setAttribute("begin", "indefinite");
//anim.setAttribute("from", length);
//anim.setAttribute("to", 0);
//anim.setAttribute("dur", "1s");
anim.setAttribute("attributeName", "stroke-opacity");
anim.setAttribute("from", 1);
anim.setAttribute("to", 0);
anim.setAttribute("begin", "indefinite");
anim.setAttribute("dur", 5);
leg._path.appendChild(anim);
anim.beginElement();
}