Illustrator CCからのSVGエクスポートでパスが歪む

Glyphiconsライブラリに追加するアイコンをいくつか作成しようとしています。

Adobe Illustrator CCのペンツール（シェイプ）を使用して作成しましたが、非常に基本的なものです。PNGまたはEPSとしてエクスポートできます。残念ながら、Glyphiconsで使用するにはSVGエクスポートが必要です。

SVGにエクスポートすると、形状が移動しているように見えます。少なくとも、私の画面に表示されるように、それらは残りません。

イラストレーターのように表示するにはどうすればよいですか？

イラストレーターの中のPNGです。

これはプレビューからのPNG、これはSVGです。

エクスポート後に形状がずれているのは明らかですが、これには明らかな理由がありますか？すべてのエクスポート設定がデフォルトとして設定されています。

SVGとして保存するときに表示される[SVGオプション]ダイアログで[小数点以下の桁数]を3に変更します。

これは.SVGファイルの一般的なエラーです。これは、ハードカーブ（2つのアンカーと長いハンドルのみで作成されたカーブ）がブラウザで適切にレンダリングできないためです。

最善の方法は、パスを小さなセグメントに分割することです。特に問題のあるアンカーを中心にしてください。

に行くだけ Object > Path > Add Anchor Points

オブジェクトの座標に10進数の値が含まれている場合、SVG保存から最良の結果が得られる傾向があります。たとえば、X = 100.452のオブジェクトはX = 100.5に移動します。乱雑な小数部を含むオブジェクトを座標に残したときに、問題と同様のわずかな動きが発生しました。

ソリューションが見つかりました。

これは明らかに最良で最もきれいなソリューションではありませんが、非常にうまく機能します。

私のプロセス：
1. Illustratorでアイコンを描画します
2. .aiファイルとして保存します
3. OSX iDrawで.aiを開きます
4. iDraw からSVGにエクスポートします

簡単な解決策：
1. iDrawでアイコンを描画します
2. iDraw からSVGにエクスポートします

これが他の人々の助けになることを願っています

私もエクスポートに問題があり、試してみました：

File> Save as

の代わりに：

File> Export> Export as。

そしてそれはトリックをするように見えました！

この問題は、「選択したもののみ」をエクスポートした場合にのみ発生します。エクスポーターがボーダー（ページ）を表示しない場合、カーブに問題があります。