Free Tools
【ご利用前に必ず免責事項をご確認ください】
SVG Path エディター
SVG Path エディター & 最適化
※SVGのパスデータ（d属性）をプレビューし、コードの最適化や座標の反転・スケーリングを行います。
SVGパスの基礎知識
- M (Move to): ペンを新しい座標に移動させます。
- L (Line to): 現在地から指定座標まで直線を引きます。
- Z (Close Path): 現在地から開始地点まで線を引き、パスを閉じます。
- 最適化のコツ:
10.0002のような細かい小数点を10に丸めるだけで、ファイルサイズを削減でき、描画負荷も下がります。
技術仕様
- Path Data ParsingJavaScriptの正規表現（RegExp）を用いて、パスデータ内の座標（数値）を抽出・加工（丸め処理や反転計算）しています。
- SVG DOM Interface変更したパスデータを
setAttributeで動的に反映し、ブラウザのSVGレンダリングエンジンによるリアルタイムプレビューを実現しています。
免責事項
- ・本ツールの利用によって生じた損害やトラブルについて、弊社は一切の責任を負いかねますので、あらかじめご了承ください。
- ・本ツールは、Web制作やシステム管理の効率化を目的として提供しております。
- ・入力されたデータはブラウザ内で処理され、弊社サーバーへ送信・保存されることはありません。
- ・予告なくツールの仕様変更や提供の中止を行う場合があります。
このようなツール開発・業務効率化をご検討の方へ
ご相談はこちら無償ソフト公開活動へのご支援
NetEnumをはじめ、NetEnumMobile、オンラインソフト、FreeTools など、
弊社では20年以上にわたり各種ソフトを無償で公開してまいりました。
これまでのご利用へのお気持ちや、公開継続へのご支援をいただけますと大変励みになります。
業務利用されている方からのご支援も歓迎しております。
※ ご支援は特定ソフトの更新や機能追加をお約束するものではなく、
無償ソフト公開活動全体の維持・運営に活用させていただきます。
※ Stripeの安全な決済ページへ移動します（決済画面の表示名は仕様上「ECサイト」となりますが、当社のStripeアカウントによる決済です）