デザインやフロントエンド開発を行う際には、SVG パスの調整が必要になることがよくありますが、そのたびにコードとエフェクトを切り替えたり、座標を推測して変更したりする必要があり、時間と手間がかかります。 最近、GitHubでSvgPathEditorというオープンソースツールを見つけました。これを使うと、ブラウザ上でSVGパスを視覚的に編集でき、ドラッグ＆ドロップで調整できるので、見た目どおりの結果が得られます。 SVGパスコードを直接貼り付けて編集することも、パスを最初から作成することもできます。「追加」コマンドをクリックし、キャンバス上で「OK」をクリックして場所を確定します。 GitHub: https://t.co/HQtRbhL8QF コントロールポイントのドラッグ＆ドロップをサポートし、コマンドをクリックすることで相対座標と絶対座標を切り替えることができます。また、コマンドタイプの挿入、削除、変換も可能です。さらに、拡大縮小、パン、回転、座標の丸めといったパス操作や、元に戻す/やり直し機能も備えています。 すぐに使用できるオンライン バージョンが提供され、ローカル展開もサポートされるため、フロントエンド開発者がアイコンの詳細を微調整するのに最適です。
