波線・曲線SVGジェネレーター
波線・曲線のSVG画像を出力するジェネレーターです。
リアルタイムに反映されるプレビューを見ながら波の数や高さ、色などをカスタマイズ可能。
グラデーション色や線状の波もつくることができ、波形のランダム生成にも対応しています。
生成したSVGのダウンロードや、コードのコピーが簡単にできます。
スポンサーリンク
カスタマイズ
プレビュー
プレビュー背景:
SVGコード
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1280 100" width="100%">
<path d="M 0 50 Q 32 50 64 25 Q 128 -25 192 25 Q 224 50 256 50 Q 288 50 320 25 Q 384 -25 448 25 Q 480 50 512 50 Q 544 50 576 25 Q 640 -25 704 25 Q 736 50 768 50 Q 800 50 832 25 Q 896 -25 960 25 Q 992 50 1024 50 Q 1056 50 1088 25 Q 1152 -25 1216 25 Q 1248 50 1280 50 L 1280 100 L 0 100 Z" fill="#59afff"></path>
</svg>
スポンサーリンク