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

Popular posts from this blog

Soustraire une selection

After Effects: could not find dvaeve_dialogs.txt

Illustrator cs6 "Invalid Serial Number"