html5 - SVG rendering badly in Firefox -


i working on infographic sliding carousel <li>s, svg showing pixelated in firefox, though bug svgs in ff has been resolved, thought. can see fix this?

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

you zooming svg file large size:

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

most browsers not antialias large svg shapes, requires graphics memory. (this see in safari , chrome.) looks firefox rendering svg size of canvas , blowing image interpolation cropped region.

the fix both same:
crop svg first , use cropped portion background.


Comments

Popular posts from this blog

php - What is the difference between $_SERVER['PATH_INFO'] and $_SERVER['ORIG_PATH_INFO']? -

fortran - Function return type mismatch -

queue - mq_receive: message too long -