如何使用 Wavelry 生成波浪图形并导出为 SVG 或 PNG?
打开 wavelry.vercel.app 就能直接开始，无需注册或登录。页面是一个波浪生成器，左侧或面板区提供参数控制，调整后画布实时更新；满意后通过 Save as 导出 SVG 或 PNG，也可以点击复制 SVG 代码到剪贴板。
可用参数与作用
根据网站页面上的工具说明，Wavelry 提供以下控制项：
| 参数 | 作用 |
|---|---|
| Smooth / Sharp | 切换波浪边缘是平滑还是锐利 |
| Linear | 线性波浪形态 |
| Waves | 波浪数量 |
| Height | 波浪高度 |
| Layers | 层数 |
| FlipX / FlipY | 水平或垂直翻转 |
| Colour | 颜色设置 |
| Gradient | 渐变开关 |
| Linear / Radial | 渐变类型：线性或径向 |
| Angle | 渐变角度 |
这些参数可以组合使用，例如增加 Waves 和 Layers 让图形更密集，再用 Radial 渐变加 Angle 调整光影方向。
操作步骤
- 在浏览器打开 wavelry.vercel.app，页面加载后即显示默认波浪图形。
- 按需调整参数：先选 Smooth 或 Sharp 决定整体风格，再调 Waves、Height、Layers 控制形态密度。
- 设置颜色与渐变：打开 Gradient，选择 Linear 或 Radial，用 Angle 调整方向；需要镜像效果时开启 FlipX 或 FlipY。
- 按空格键可以随机生成一个波浪，用于快速获得不同形态的起点，再在此基础上微调。
- 导出：点击 Save as 选择 SVG 或 PNG；如果只需要代码，点击复制按钮把 SVG 代码复制到剪贴板。
验证与常见卡点
- 调整参数后画布应立即变化，如果没有反应，先确认是否点在了正确的控件上，或刷新页面重试。
- 复制 SVG 代码后，可粘贴到文本编辑器或直接嵌入 HTML 中查看效果，确认复制成功。
- 导出 PNG 适合直接用于位图场景，SVG 适合需要缩放或继续编辑的场景；按用途选择即可。
- 随机功能（空格键）会覆盖当前参数组合，如果已经调好想保留，先导出再随机。
适用场景
Wavelry 适合快速生成网页背景、海报装饰、PPT 配图等波浪元素。由于支持导出 SVG 代码，前端开发者可以直接把生成的代码嵌入项目，无需额外图形软件。