SVG 波浪生成器

波浪形分隔线可以柔化页面两个分区之间生硬的分界线。这个生成器会把一到四层波浪画成一个 SVG：您可以选择高度、波浪大小、起伏数量和颜色，种子数字则让每个结果都能复现。您会得到可下载的 SVG 文件、可粘贴到 HTML 的标记代码，以及把同一个 SVG 用作背景图的 CSS 规则，因此不需要额外的文件。

使用方法

1. 设置层数、高度和波浪大小。
2. 选择每层波浪的点数（点越少，波浪越长越平缓）。
3. 选择一个颜色或每层一个颜色，并决定波浪填充下方还是上方。
4. 不断更换种子直到满意，然后复制标记代码或 CSS，或下载 SVG。

计算公式

yᵢ = 基线 + (2r − 1) × 振幅 · 第 i 段：C (Pᵢ + (Pᵢ₊₁ − Pᵢ₋₁)/6) (Pᵢ₊₁ − (Pᵢ₊₂ − Pᵢ)/6) Pᵢ₊₁

r 是 0 到 1 之间由种子生成的随机数（mulberry32），所以相同的种子总会画出相同的波浪。各点用转换为三次贝塞尔曲线的 Catmull-Rom 样条连接，曲线经过每个点且没有尖角。

示例

种子为 1、波浪大小 100%、3 个点、画布 1440 × 320 时，随机数 0.627、0.003、0.527 把各点的高度定为 180.3、80.4、164.4，得到路径 M0,180.3 C120,163.7 480,83.1 720,80.4 …。同样的设置下波浪大小为 0，则画出 y = 160 处的一条平直线。