SVG viewBox計算機
SVG要素のx、y、幅、高さ、余白をもとにviewBox値を計算します。
このツールについて
図形の座標とサイズに余白を加え、適切なSVG viewBox値を計算します。
アイコン作成、ロゴSVG整理、切れた図形の修正など、viewBoxを直接合わせる必要がある時に役立ちます。
viewBox
-8 -8 136 96
プレビュー
結果
使い方
- 1
必要な値を入力するか、テキストを貼り付けます。
- 2
オプションや単位を目的に合わせて調整します。
- 3
表示された結果を確認し、必要な場所へコピーして使います。
機能
即時結果
値を入力するとブラウザ内で結果がすぐに更新されます。
ブラウザ内処理
入力値はサーバーへアップロードせず、端末内で処理されます。
シンプルな入力
繰り返し使いやすい入力欄と見やすい結果を用意しています。
無料で利用
登録やインストールなしでそのまま使えます。
主な用途
- ›図形が切れないようviewBoxに余白を追加します。
- ›アイコンSVGの座標系と実際の図形サイズを合わせます。
- ›新しいSVGファイルの基本viewBoxとサンプルマークアップを作成します。