Geek asks and answers

SVG Error in Firefox

I am working on infographics with a rolling carousel <li>s, but SVG is displayed in pixels in Firefox, although the error with SVG in FF was resolved, I thought. Can anyone see a fix for this?

URL: http://weaver-wp.weavertest.com/radiation-infographic/

+3
source share
2 answers

You scale the SVG file to a very large size:

background-size: 9730px 30000px;
background-position: -7310px -29250px;

Most browsers will not have antialiases of very large forms of SVG, since this requires too much graphics memory. (This is what we see in Safari and Chrome.) It looks like Firefox actually transfers the SVG size of the canvas, and then blows it in by interpolating the images into your cropped area.

:
SVG .

+5

viewbox /zoooming. .

0

More articles:


All Articles