Snap.svg filters on rotated elements
Seems the filter is rotated after beeing drawn.
by Steven Senkus
HTML
<script src="//cdn.jsdelivr.net/snap.svg/0.1.0/snap.svg-min.js"></script>
JavaScript
s = Snap(400, 620);
var text = s.circle(100,100,5);
var path = s.path( "M 100, 100 m -75, 0 a 75,75 0 1,0 150,0 a 75,75 0 1,0 -150,0").attr({ 'fill': 'none', 'stroke': 'black' });
var pathLength = Snap.path.getTotalLength( path );
Snap.animate(0, pathLength, function( value ) {
movePoint = Snap.path.getPointAtLength( path, value );
text.attr({ cx: movePoint.x, cy: movePoint.y });
}, 10000);