Search code examples
google-chromewebkitsvg

SVG pixelation in chrome

This is very strange. I am using SVG images, because of the low file size, sharp rendering, and scalability ( the objects animate quite a bit ). Its working perfect in FF, ie9, Safari and iPad, but in chrome certain SVG images are rendering very poorly.

SVG in chrome

SVG in safari

Any ideas why this might be happening? The svg files themselves are very small.

Here is some a sample svg

Solution

  • So anyway, this is a legit chrome bug. And there is a fix, make the svg 'larger', svg files that internally report as too small cause this bug.