SVG図のトリミング つぼラボ


原図のSVGファイル:
表示中の図のファイル名:  

パス名が\fakepathと表示されることがあるが、異常ではない。
他の原図に変更する → 
トリミングしたい範囲を枠の内周に収める。
トリミング枠の各辺・各隅は、マウスでクリックすると青色から赤色に変わる。
  この辺の色は、Tabキーを押せば右回りに切り替えることができる。
赤色の辺は、マウスドラッグや矢印キー(Shiftキー併用で微調)で移動できる。

トリミングした範囲を pxの [幅 |高さ] で
文字サイズとのバランスを確認する。

この結果で良ければ、viewBox値などをピンク欄に する。


下記を、SVGの原図ファイルのコピーの該当部分に上書きする。
灰色文字のときは未更新なので、まず「出力」ボタンで更新してから。
一部のブラウザでは、viewBoxを書き換えるだけで良い場合もある。
 しかし、一般的には、heightやwidthも含め全部を書き換える必要がある。
 


© TsuboLabo 2019
当サイトの閲覧や記載内容から生じる如何なる問題も免責とさせていただきます。
リンクは歓迎ですが、ページ構成の変更によりリンク切れすることもあります。

改訂履歴
2019A: 
初アップロード (2019-12-26)