Adobe Illustrator で単純な SVG を保存するのに本当に問題があります。
Illustrator は、エクスポート時に独自のキャンバス サイズを課し続けます。
これは私がやっていることです...
1) 画像の周りにアートボードを描く
2) ファイル > 名前を付けて保存
3) タイプを SVG に変更
結果を表示すると、Illustrator が勝手にキャンバスのサイズを変更したように見えます
自分のサイズを取得できるように、これをどのように制御できますか?
Adobe Illustrator で単純な SVG を保存するのに本当に問題があります。
Illustrator は、エクスポート時に独自のキャンバス サイズを課し続けます。
これは私がやっていることです...
1) 画像の周りにアートボードを描く
2) ファイル > 名前を付けて保存
3) タイプを SVG に変更
結果を表示すると、Illustrator が勝手にキャンバスのサイズを変更したように見えます
自分のサイズを取得できるように、これをどのように制御できますか?
問題は、SVG がデフォルトのドキュメント サイズに設定されているアートボードで保存されていることです。
保存する前に、「オブジェクト > アートボード > アートワークの境界に合わせる」を使用してみてください。
Mac Finder (SVG を表示するために使用していると思われます) は、SVG の境界を無視する傾向があります。本番環境では問題にはなりませんが、フォルダーでそれらを表示しているときは少し面倒です。
開始タグに特に注意して、テキスト エディタで SVG ファイルを開きます。「viewbox」属性のデカルト座標が、考えているものと一致していることを確認してください。
コードの意味の詳細な説明: http://commons.oreilly.com/wiki/index.php/SVG_Essentials/Coordinates
Illustrator にはアートボード、つまり .svg 形式の「viewBox」に問題があります。これを試してみてください: まず Illustrator でグラフィック用にアートボード/キャンバスを調整してから、ファイルを .ai 形式で保存します。
.ai 形式からファイルを .svg として保存すると、アートボードは調整したとおりになります。次に Illustrator で .svg を開くと、またアートボードがめちゃくちゃになるので、.ai ファイルから作業して、Web 上の .svg を使用するだけです。
つまり、.svg を調整する必要があるたびに、最初に .ai 形式で保存し、アートボードを調整し、.ai として保存してから .svg として保存する必要があります。
アドビの担当者への連絡先をお持ちの場合は、お知らせください...
これに対する解決策は、 https: //petercollingridge.appspot.com/svg-editor のようなオプティマイザを使用することです
これにより、空白が取り除かれ、ファイルも最適化されます。
イラストに意図せず小さなアイテムを含めると、サイズが大きくなることがあります。Crtl + A を押して、ドキュメント内のすべてを強調表示してみてください。次に、イラストの外側にある余分なアイテムを削除します。これにより、キャンバスのサイズが変更されます。