無料ツール
日本語
SVG波形の作成
SVG波形の作成 — サイズや色を指定し、コードや結果を確認. 入力ガイド: 幅, 高さ, 波の高さ (px), 波の数, 色. 登録不要.
登録不要
ツールを読み込み中…
使い方
- 1入力ガイド: 幅, 高さ, 波の高さ (px), 波の数, 色.
- 2ツールを実行して結果を確認してください。
- 3結果をコピー / 結果をファイルに保存.
使う前に
入力範囲と単位を確認してください。結果は入力条件とブラウザに基づきます。
広告配信で通信情報を処理する場合があります。パーソナライズはプライバシー選択に従います。 プライバシー（英語）
実際の入力と出力の例
実際のエンジンに以下の例を入力した結果です。個人の入力や保存作業は使いません。ツールの例読込で同じ入力を確認できます。
入力例
| 項目 | 値 |
|---|---|
| 幅 | 800 |
| 高さ | 200 |
| 波の高さ (px) | 50 |
| 波の数 | 2 |
| 色 | #0F766E |
結果例
<svg xmlns="http://www.w3.org/2000/svg" width="800" height="200" viewBox="0 0 800 200"><path d="M 0,100 L 4,103.14 L 8,106.267 L 12,109.369 L 16,112.434 L 20,115.451 L 24,118.406 L 28,121.289 L 32,124.088 L 36,126.791 L 40,129.389 L 44,131.871 L 48,134.227 L 52,136.448 L 56,138.526 L 60,140.451 L 64,142.216 L 68,143.815 L 72,145.241 L 76,146.489 L 80,147.553 L 84,148.429 L 88,149.114 L 92,149.606 L 96,149.901 L 100,150 L 104,149.901 L 108,149.606 L 112,149.114 L 116,148.429 L 120,147.553 L 124,146.489 L 128,145.241 L 132,143.815 L 136,142.216 L 140,140.451 L 144,138.526 L 148,136.448 L 152,134.227 L 156,131.871 L 160,129.389 L 164,126.791 L 168,124.088 L 172,121.289 L 176,118.406 L 180,115.451 L 184,112.434 L 188,109.369 L 192,106.267 L 196,103.14 L 200,100 L 204,96.86 L 208,93.733 L 212,90.631 L 216,87.566 L 220,84.549 L 224,81.594 L 228,78.711 L 232,75.912 L 236,73.209 L 240,70.611 L 244,68.129 L 248,65.773 L 252,63.552 L 256,61.474 L 260,59.549 L 264,57.784 L 268,56.185 L 272,54.759 L 276,53.511 L 280,52.447 L 284,51.571 L 288,50.886 L 292,50.394 L 296,50.099 L 300,50 L 304,50.099 L 308,50.394 L 312,50.886 L 316,51.571 L 320,52.447 L 324,53.511 L 328,54.759 L 332,56.185 L 336,57.784 L 340,59.549 L 344,61.474 L 348,63.552 L 352,65.773 L 356,68.129 L 360,70.611 L 364,73.209 L 368,75.912 L 372,78.711 L 376,81.594 L 380,84.549 L 384,87.566 L 388,90.631 L 392,93.733 L 396,96.86 L 400,100 L 404,103.14 L 408,106.267 L 412,109.369 L 416,112.434 L 420,115.451 L 424,118.406 L 428,121.289 L 432,124.088 L 436,126.791 L 440,129.389 L 444,131.871 L 448,134.227 L 452,136.448 L 456,138.526 L 460,140.451 L 464,142.216 L 468,143.815 L 472,145.241 L 476,146.489 L 480,147.553 L 484,148.429 L 488,149.114 L 492,149.606 L 496,149.901 L 500,150 L 504,149.901 L 508,149.606 L 512,149.114 L 516,148.429 L 520,147.553 L 524,146.489 L 528,145.241 L 532,143.815 L 536,142.216 L 540,140.451 L 544,138.526 L 548,136.448 L 552,134.227 L 556,131.871 L 560,129.389 L 564,126.791 L 568,124.088 L 572,12…
長い結果の一部を表示しています。全体はツールで例を実行して確認してください。
入力条件
以下は入力検証の許容範囲であり、すべての値が現実的・適切だと保証するものではありません。
- 幅: 許容範囲: 100 ≤ x ≤ 2,000
- 高さ: 許容範囲: 20 ≤ x ≤ 1,000
- 波の高さ (px): 許容範囲: 0 ≤ x ≤ 500
- 波の数: 許容範囲: 1 ≤ x ≤ 10 · 整数のみ