解決済み
アセットの書き出しが切れてしまいます
- April 6, 2025
- 返信数 2.
- 747 ビュー
こんにちは。
画像を見ると書き出しの形式は、svgですね。
svgは、xmlの形式で書かれたテキストデータです。
svgの描画範囲は、viewBoxの指定によります。

オブジェクトに余白をもたせるには、viewBoxを広げる必要があります。
サイトのコーディングをされていて、viewBoxを理解されているのであれば。

エディターでviewBoxの座標を直接書き換えてしまうのが簡単です。
経験ないよという方、コーディングはしていても座標はよく解らないという方は。


オブジェクトに対して余白を持たせたアートボードにして、
選択範囲からアートボードで書き出します。
なんらかの事情で、アートボードを動かしたくないときは。

オブジェクトを囲んでちょうどいい大きさの四角形を描き、
四角形の線・塗を無しにします。
その空の四角形ごと選択範囲でアセットの書き出しをします。
この場合、svgのテキスト上には、空の四角形が書かれています。
あっても問題ありませんが、気になるときは。
エディターでsvgを開き、下の方にある <rect /> の部分を消去します。
viewBoxはそのままなので余白は保たれます。
一番面倒がないのは、アートボードで描き出す方法だと思います。
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.