I am using a drop shadow filter inside an SVG file that is embedded using an img tag. On my MacBook, it looks fine in Safari. However, in mobile Safari, the graphic gets really pixelated and loses all it’s sharpness. When the filter is not applied, the SVG renders fine. Is there any way to fix that besides to pass on the filter?
I am using a drop shadow filter inside an SVG file that is embedded
Share
You should try explicitly setting the “filterRes” attribute of the filter to a value that matches retina displays.