編集者の評価: ユーザーの評価:[合計: 0 平均: 0].ilfs_responsive_below_title_1 { width: 300px; } @media(最小幅: 500px) {.ilfs_responsive_below_title_1 { 幅: 300px; } } @media(最小幅: 800px) {.ilfs_responsive_below_title_1 { 幅: 336px; } }
SVG パス エディタは、SVG パスを作成および操作するためのきちんとしたオンライン SVG ツールです。 SVG グラフィックの基本的な形状を定義する です。これは、SVG パス コマンドを使用するか、ドラッグ アンド ドロップで必要なポイントを移動することで実現できます。この記事の最後にあるリンクからツールにアクセスできます。
現在、誰もが SVG に精通しています。 SVG は、2 次元ベクター グラフィックスのレンダリングに使用される XML ベースのマークアップ言語です。 SVG では、品質を損なうことなく、あらゆるサイズのベクター画像をレンダリングできます.jpg”height=”371″>
インターフェイスは次のパネルで整然と配置されています:
パス: このフィールドには、グラフィックの生のパスが含まれます。ビュー ボックス: SVG グラフィックを表示するには コマンド: 相対/絶対座標を使用して体系的かつ構造化された方法でコマンドを表示します。これを使用すると、生データを簡単に解読し、グラフィックの背後にある数学を理解できます。構成: SVG グラフィックを塗りつぶすには、それをプレビューします。
生のパスをいくつかダウンロードし、SVG パス エディターを使用してそれらを操作しようとしたところ、すばらしい結果が得られました。このエディターのシンプルさと使いやすさは称賛に値します。このエディターを使用して SVG グラフィックスを処理するために必要な経験や知識はほとんどありませんが、創造的なスキルと座標ジオメトリの知識がある程度必要です。
実行する手順は次のとおりです。
1.パス パネルに生の文字列を入力してパスを最初から作成するか、SVG パスをダウンロードしてパネルに貼り付けます。
2.
3. 文字列の構文を知っている場合は、パネルでパス コマンドを直接追加/変更します。パス文字列がわからない場合は、[新しいコマンドを追加] をクリックして、実行するコマンドを選択します。たとえば、[直線]、[垂直]、[2 次ベジエ曲線] などで、ポイントをドロップします。目的地。パスは自動的に描画されます。
4.また、ビュー ボックスで SVG の任意のポイントをグラフィカルに選択し、3 ドット メニューを使用して上記のようにグラフィックを操作することもできます。
5.未加工のパスに慣れていない場合は、コマンド パネルを使用して、構造化された表形式で SVG コマンドを変更します。
6.ファイルを SVG として保存し、それを Web ページで使用して、インターネット上で画像をレンダリングします。保存中に、ストロークの色、塗りつぶしの色、ビュー ボックスのサイズなどを選択できます。
必要に応じて、生のパスを絶対座標または相対座標に変換することを選択できます。開発者は、この link.
また、参照用にビットマップ イメージをグラフィックのビュー ボックスにインポートすることもできますが、これはファイルをダウンロードするときに SVG にエクスポートされません。
評決
全体として、これは既存のグラフィックを作成または操作するための素晴らしく強力な SVG パス エディターです。これは、SVG グラフィックの作成者や編集者にとって非常に便利なツールです。インターネット上の任意の SVG グラフィックは、生のパスを使用して簡単にローカライズおよび操作できるという事実を利用しているためです。
どうぞ、これから試してみてください。 リンク。すべての機能を着実に探索し、素晴らしいグラフィックを自分用にレンダリングしてください。
