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>

CSS

rect {
    
    transition: all 3.5s ease-in;
}

JavaScript

s = Snap(400, 620);

s.rect(0, 0, 400, 620).attr({
    fill : 'white',
    stroke : 'black'
});

s.rect(50, 200, 100, 400, 8, 8).attr({
    fill : 'green',
    transform : 'rotate(180, 100, 400)',
    filter : s.filter(Snap.filter.sepia(0.5))
});

s.rect(300, 200, 100, 400, 8, 8).attr({
    fill : 'red',
    transform : 'rotate(180, 350, 400)',
    filter : s.filter(Snap.filter.shadow(10, 10, 4, 'black'))
});