Why doesn't my inline SVG scale in IE?

December 18, 2015 9:32 PM

I'm trying to learn the ins and outs of SVGs and animation in CSS, but I can't seem to work out how to get them to scale properly in IE. Here is an example in codepen, in firefox and chrome it all seems right, but in IE you can see how small the ghost is compared to the shadow below it (which just a non-svg div, scaled properly). Thanks!

The examples presented here all work perfectly for me, but after looking through them I just can't see what I'm doing wrong. Any clues?

posted by Jezztek to Computers & Internet (4 answers total)

Support for SVG in IE is iffy, particularly for scaling. Pick a different browser, or perhaps look into using canvas.
posted by a lungful of dragon at 1:14 AM on December 19, 2015 [1 favorite]

This is a known issue, unfortunately. Maybe this link or this one will be of use to you.
posted by sea change at 6:11 AM on December 19, 2015

A front-end dev of my acquaintance also recommends CanIUseIt for this sort of thing.
posted by wnissen at 7:56 AM on December 19, 2015

Looks fine in "Edge" - and not so good in IE11.
posted by jkaczor at 3:42 PM on December 23, 2015