: Why are my elements moved after being exported to svg I'm quite new to Adobe Illustrator, but used to PS. I wanted to experiment with Illustrator to create SVGs that can than be manipulated

@Turnbaugh909

Try to check "Preserve Illustrator editing capabilities" while saving, it should fix the problem.

Moreover, be sure that:


"responsive" is not checked
your artwork isn't bigger than your canvas
your canvas' size doesn't contains decimal values


I use Illustrator to generate .svg for the web and it works pretty well.

Vote Up Vote Down

@Cugini998

As someone that had quite a bit of work done with coding up SVGs exported from AI (One example), I can tell that the issue is AI doesn't export SVGs in a format fit for the web. Not fully at least.

When using SVGs generated with AI, I had to always massage positions somewhat to maintain proportions originally seen while drawing on AI. As for anything path/gradient related - I found no way to export that from AI to be mimicked in a browser.

In the end, the only REAL benefit for developing your SVGs in AI is to get your coordinates. Sorry if this is not what you wanted to hear, but I spent almost 2 weeks trying to tweak the export process with professional AI users (5+ years) and the best we got - solid color filled polygons/lines/circles/etc., I.e. SVG wireframes, that were consistent (with some margin of error) with what was on AI.

Vote Up Vote Down