I'm testing some animation on a Samsung Note 3 and some of the svg images are coming out blurry.
Not all of them, only a few. When I pinch zoom, the images fix themselves and pop to being perfectly crisp.
Below is what it looks like before the pinch zoom. This only happens on some of the images. Not all. And it works fine in a windows browser, and on an iPhone.
Only issue at the moment is on my android note 3.
After a bit more testing, Internet Explorer 9 is doing the same thing. If I zoom in on the web page once using ctrl +, the problem disappears.
Maybe I just shouldn't be using svgs. I'll try using pngs and see what happens.
After a bit more playing,
When I scale up an SVG image from say 0%, the image retains the resolution of what is was at 0%.
So when it hits the final scale of 100%, it's very blurry.
Maybe there's a setting to make svg images act like infinitely scalable vector graphics within edge?