html5 - SVGs are displaying blurry in Safari -



html5 - SVGs are displaying blurry in Safari -

i'm working on site , decided give svgs try. svgs display should in ie, firefox, , chrome. however, in safari, images blurry looking. here i'm doing in code:

<object data="section_3.svg" type="image/svg+xml" width="100%" height="722" class="aligncenter" > <img src="section_3.png" /> <svg version="1.1" x="0px" y="0px" width="763" height="1602" viewbox="0 0 763 1602" preserveaspectratio="xminymin meet"></svg> </object>

for life of me, can't figure out why images blurry. weird thing when zoom in/out in safari, blurriness clears up. there i'm not doing in code? help much appreciated. thanks!

if svg contains straight horizontal , vertical lines, may seem blur or sharpen randomly zoom in , out, have pick optimum set of pixels on screen, though that's general browser thing, not safari thing. safari known not back upwards filters or blur effects, don't know what's within svg. object tags create sense, , fallback .png, don't understand why have svg tags no content.

html5 svg safari

Comments

Popular posts from this blog

php - Android app custom user registration and login with cookie using facebook sdk -

django - Access session in user model .save() -

php - .htaccess Multiple Rewrite Rules / Prioritizing -