🌊
SVG波浪生成器
为您的网站创建漂亮的SVG波浪分隔线。自定义波浪类型、颜色，导出为SVG、CSS或HTML。
🎨 波浪设置
👁️ 预览
📋 生成的代码
方法与限制
复杂度改变分段数量。平滑波浪使用完整的三次贝塞尔曲线段，折线使用直线，阶梯使用水平和垂直线，Blob 则是闭合多边形。
宽度 800…1920，高度 50…300，复杂度 1…10。SVG 可以缩放，但位置、长宽比和视觉配合仍需在实际布局中检查；不保证文件大小。
已复制
复制失败。请选择结果并手动复制。
热门工具
关于SVG波浪生成器
设计平滑、折线、多层、多边形块或阶梯 SVG 分隔形状。五种预设和随机功能均保留颜色、尺寸和复杂度的编辑能力。
折线、宽 1440、高 150、复杂度 5：生成 viewBox="0 0 1440 150" 及使用所选颜色的闭合路径。
示例使用所述尺寸和颜色，外观也取决于目标布局和浏览器。
使用场景
设计平滑、折线、多层、多边形块或阶梯 SVG 分隔形状。五种预设和随机功能均保留颜色、尺寸和复杂度的编辑能力。
折线、宽 1440、高 150、复杂度 5：生成 viewBox="0 0 1440 150" 及使用所选颜色的闭合路径。
如何使用
1
选择形状类型或预设。
2
设置可见颜色、宽度和高度。
3
调整复杂度、翻转和不透明度。
4
比较预览，仅在需要新形状时使用随机功能。
5
复制 SVG/CSS/HTML，或下载 SVG 以便复用。
专业提示
- 多层模式绘制三条路径，后两层不透明度分别为 0.4 和 0.6。不透明度选项为前层添加 0.7；翻转通过分组变换写入所有格式。
- 形状在浏览器内存中生成，没有结果历史或远程图像服务。下载的 SVG 包含几何数据和颜色；网站仍可能发起其他网络请求。
故障排除
问题:
请检查完整的 HEX 颜色和数值范围；当前输出不可用。
解决方案:
宽度 800…1920，高度 50…300，复杂度 1…10。SVG 可以缩放，但位置、长宽比和视觉配合仍需在实际布局中检查；不保证文件大小。
问题:
CSS 会保留与 SVG 相同的形状吗？
解决方案:
会。CSS 将当前 SVG 编码为数据 URL，HTML 则包裹该 SVG。翻转、路径几何和复制片段中的 FreeWebTools 署名都会保留。
常见问题解答
会。CSS 将当前 SVG 编码为数据 URL，HTML 则包裹该 SVG。翻转、路径几何和复制片段中的 FreeWebTools 署名都会保留。
此模式以直线连接径向点，形成闭合多边形。需要三次曲线时请选择平滑模式；提高复杂度会增加点数，但不保证设计唯一。