Svg Wave 能调整波浪的波峰数量、波浪层数和高度,也有自定义颜色或是使用渐层色效果,具有非常高的可自定义性
    svgWave波浪线 - 图1

    开启 Svg Wave 网站后会看到波浪背景范例,从「Color」选取颜色或「Gradient」以两个颜色产生渐层色效果,Svg Wave 可实时预览颜色。

    svgWave波浪线 - 图2

    渐层色是蛮有活力的选项,选择两个颜色就能产生渐变效果。
    svgWave波浪线 - 图3

    上方的 Waves、Layers 分别代表波浪的数量和层数,直接以拖曳方式调整就会实时呈现在网页上,调整 Height 可选择不同的浪高,看起来整体感觉又会不太一样。
    svgWave波浪线 - 图4

    如果想知道在深色背景呈现效果,点选 Svg Wave 右上角的图标可切换深色模式。
    svgWave波浪线 - 图5

    点选右下角「Export」选择要汇出为 SVG 或 PNG 格式,如果是 SVG 会直接给出源码。
    svgWave波浪线 - 图6