Blurry SVG? I know why.
in short, responsive mode ea applies -webkit-transform on whole composition. transform (scale) applied svg makes blur. further described here , appearing briefly acknowledged elaine in ea forums. don't believe? toggle responsive open in firefox (non webkit) , chrome/safari (webkit).
http://www.kirtrainford.co.uk/blurry-svg-edges-scaling/
when scale svg element using transforms, if scale outside svg tag, edges of shapes can appear blurry. take following example:
“most browsers attempt scale result of svginstead of scaling actual vector, causing graphic appear aliased. “
so, if know how prevent ea instructing browser transform on load... please please tell me.
elaine's idea did not work me @ all.
---
i have boiled down many reasons why svgs may blurry, , collected them here: svg – how prep best results, least blur – adobe edge animate logically advanced designer .
at link find other research , suggestions creating svgs ea. blog research catch-all.
More discussions in Edge Animate CC
adobe
Comments
Post a Comment