オンラインSVGベクターエディター＆作図ツール

図形、パス、テキストを描く

長方形、円、楕円、線、星、三角形、ハート、パス、テキストを追加できます。オブジェクトを選択すると、塗りつぶし、線の色、線幅、不透明度を変更できます。また、レイヤー操作で複製、削除、順序変更ができます。キャンバス設定では描画サイズと背景を設定します。

キャンバス上でパスを移動し、「Code」タブから形状を編集できます。M、L、Cなどのパスコマンドは、移動、線、曲線を表します。これはビジュアルノードエディターではないため、ドラッグできる曲線ハンドルはありません。コード欄を離れると、編集したXMLが適用されます。

書き出しと読み込みの制限

SVGはベクター図形と編集可能なテキストを維持します。PNGではキャンバスサイズで描画がラスタライズされます。マークアップをコピーすると、ページや別のエディターで使えるSVGテキストになります。テキストはアウトライン化されないため、ファイルを開く環境で利用できるフォントによって見た目が変わります。

読み込んだファイルは、対応している基本図形、パス、テキストに変換されます。グラデーション、フィルター、クリッピング、埋め込み画像、グループの動作は完全には保持されません。元のファイルを保存し、置き換えを書き出す前に読み込み後の描画を比較してください。

使い方

1. 長方形、円、楕円、線、星、パス、テキストを追加し、ドラッグして配置します。
2. 塗り、線、透明度、角の丸み、レイヤーの順序を設定します。
3. SVGまたはPNGをダウンロードするか、マークアップをコピーします。

プライバシーと制限事項

描画データがブラウザの外に出ることはありません。アップロード、自動保存、サーバーへの保存は行いません。タブを閉じると破棄されるため、終了する前にファイルをダウンロードしてください。