5

I've never run into this. For some reason, Illustrator is changing this SVG file (see versions 1 and 3) for a coat of arms, although it looks perfect on my screen and there are no apparent SVG errors. (I apologize as I do not code SVG by hand, so I wouldn't know how to fix it by looking at the Code).

This is how it looks on my screen:

enter image description here

And yet this is how it looks in a browser:

enter image description here

It's cropping off the top of the three pales nebuly (red bars with wavy lines). The earlier version actually cropped off the bottom, and then I recreated it, thinking I hadn't been paying attention, and it started cropping off the top:

enter image description here

There are no SVG errors with this file. I tried workarounds and finally got it to appear correctly by exporting to PDF and then using cloudconvert to convert back to SVG. But this still bothers me. I'm using Illustrator CC 2015 on Mac. Is this just a bug? Thanks.

  • Perhaps related to pixel-snapping? Values get modified to the next full pixel value? This could be switched off. – AAGD Nov 12 '17 at 9:46
8

This problem could be related to the "Decimal Places" setting, when saving the SVG.

SVG Options

In a SVG file, all the coordinates are measured in points and are rounded according to the "Decimal Places" setting.

If the physical dimensions of the document are "big" (the original from Wikimedia Commons is in A4 format), the rounding won't be visible to the eye, but as you scale down the object the decimals get more and more important.

Try saving your SVG with a higher "Decimal Places setting". 7 is max. If that isn't enough, try scaling up the document before saving - you can always downscale it in the browser.

  • One more detail for us worry free tinkerers to keep in mind. +1. – user287001 Nov 12 '17 at 18:07
  • That worked! I had 1 as default, but used 3 as recommended and it worked perfectly. Thanks so much! – Wikimandia Nov 15 '17 at 21:47

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.