wavelry.vercel.app

打开 wavelry.vercel.app 就能直接开始，无需注册或登录。页面是一个波浪生成器，左侧或面板区提供参数控制，调整后画布实时更新；满意后通过 Save as 导出 SVG 或 PNG，也可以点击复制 SVG 代码到剪贴板。

可用参数与作用

根据网站页面上的工具说明，Wavelry 提供以下控制项：

这些参数可以组合使用，例如增加 Waves 和 Layers 让图形更密集，再用 Radial 渐变加 Angle 调整光影方向。

操作步骤

1. 在浏览器打开 wavelry.vercel.app，页面加载后即显示默认波浪图形。
2. 按需调整参数：先选 Smooth 或 Sharp 决定整体风格，再调 Waves、Height、Layers 控制形态密度。
3. 设置颜色与渐变：打开 Gradient，选择 Linear 或 Radial，用 Angle 调整方向；需要镜像效果时开启 FlipX 或 FlipY。
4. 按空格键可以随机生成一个波浪，用于快速获得不同形态的起点，再在此基础上微调。
5. 导出：点击 Save as 选择 SVG 或 PNG；如果只需要代码，点击复制按钮把 SVG 代码复制到剪贴板。

验证与常见卡点

• 调整参数后画布应立即变化，如果没有反应，先确认是否点在了正确的控件上，或刷新页面重试。
• 复制 SVG 代码后，可粘贴到文本编辑器或直接嵌入 HTML 中查看效果，确认复制成功。
• 导出 PNG 适合直接用于位图场景，SVG 适合需要缩放或继续编辑的场景；按用途选择即可。
• 随机功能（空格键）会覆盖当前参数组合，如果已经调好想保留，先导出再随机。

适用场景

Wavelry 适合快速生成网页背景、海报装饰、PPT 配图等波浪元素。由于支持导出 SVG 代码，前端开发者可以直接把生成的代码嵌入项目，无需额外图形软件。

Wavelry 是一个在线波浪图形生成工具，打开网页就能直接调整参数、实时预览并导出图形，适合需要为网页背景、海报、封面或 UI 装饰快速制作波浪形状的人。它不需要安装软件，核心操作围绕“调参数—看效果—导出”三步完成。

它能生成什么样的波浪

根据页面上的工具说明，Wavelry 提供多种波浪形态和调节维度：

• 波浪类型：Smooth（平滑）、Sharp（锐利）、Linear（线性）等风格，决定波峰波谷是圆润过渡还是带棱角的折线。
• 高度：控制波浪的起伏幅度。
• 图层（Layers）：可以叠加多层波浪，做出层次感更强的背景效果。
• 翻转：提供 FlipX（水平翻转）和 FlipY（垂直翻转），快速改变波浪方向。
• 颜色：支持 Colour 设置，并可选择 Gradient（渐变）填充。
• 渐变方式：Linear（线性渐变）和 Radial（径向渐变）。
• 角度（Angle）：调整渐变或图形的方向角度。

这些参数组合起来，基本覆盖了常见的波浪装饰需求，从单色简约波浪到多层渐变背景都能做。

怎么用：从打开到导出

1. 打开网站：访问 wavelry.vercel.app，页面即为工具界面，无需额外跳转。
2. 调整参数：按需修改波浪类型、高度、图层、翻转、颜色、渐变方式和角度，画布会同步更新预览。
3. 随机生成：按空格键可以随机化波浪，适合没有明确想法时快速找灵感。
4. 导出或复制：
   • 选择保存格式：SVG 或 PNG。
   • 也可以点击复制，把 SVG 代码直接放进剪贴板，粘贴到代码或设计工具中使用。

适合谁用

• 前端/网页开发者：需要一段可直接嵌入的 SVG 波浪作为分区背景或页脚装饰。
• 设计师：快速产出波浪素材，再导入 Figma、Illustrator 等工具继续加工。
• 内容创作者：为封面、横幅做简单的波浪底图，导出 PNG 即可使用。
• 临时需求：不想装插件或打开重型软件，只想几秒钟生成一个波浪图形。

使用前需要知道的限制

页面资料只说明了上述生成与导出功能，没有提到账号、付费、云端保存或历史记录。因此可以理解为：它是一个轻量的即时工具，每次打开从零开始调整，作品需要自己及时导出保存。SVG 适合需要无损缩放或改代码的场景，PNG 适合直接当图片用。

如果你要的是一句话总结：Wavelry 是一个免安装的在线波浪生成器，调好参数后导出 SVG 或 PNG，或直接复制 SVG 代码。

Wavelry 是一个在线波浪图形生成工具，支持 Smooth、Sharp、Linear 三种波浪类型，可调整高度、图层、翻转方向，并使用线性或径向渐变配色，最后导出为 SVG 或 PNG。它适合需要快速制作网页背景、海报装饰或设计素材的人，无需安装软件，打开网页即可操作。

三种波浪样式

根据页面信息，Wavelry 提供以下波浪类型：

三种样式覆盖了从柔和到硬朗的视觉需求，切换后可以立即看到效果。

可调整的自定义参数

Wavelry 的自定义选项集中在波浪形态和颜色两个方向：

形态相关

• Height（高度）：控制波浪起伏的幅度
• Layers（图层）：调整波浪的层数，叠加出更丰富的层次
• FlipX / FlipY：水平或垂直翻转波浪方向

颜色相关

• Colour Gradient（颜色渐变）：支持 Linear（线性） 和 Radial（径向） 两种渐变方式
• Angle（角度）：调整渐变的方向角度

这些参数组合起来，可以生成差异很大的视觉效果，适合反复尝试。

随机生成与导出

• 随机波浪：按下 空格键 即可随机生成一个新的波浪形态，适合在没思路时快速获取灵感。
• 导出格式：支持 SVG 和 PNG 两种格式。
• 复制 SVG 代码：点击即可将 SVG 代码复制到剪贴板，方便直接粘贴到网页或设计工具中使用。

使用建议

如果你需要的是可缩放的矢量素材，优先导出 SVG；如果需要直接用于位图场景，选择 PNG。想快速探索不同形态时，多用空格键随机，再在满意的基础上微调高度、图层和渐变角度。

在 Wavelry（wavelry.vercel.app）里，随机生成波浪只需按一次空格键，复制 SVG 代码只需点击页面上的复制按钮——复制成功后 SVG 代码会进入剪贴板，可以直接粘贴到设计工具或代码中使用。这两个操作都不需要注册或登录，打开页面即可用。

随机生成波浪：按空格键

页面底部有一行提示：Press space bar to randomise a wave。也就是说：

1. 打开 Wavelry 页面，页面上会显示一个当前波浪图形。
2. 在键盘上按一下空格键。
3. 波浪图形会随机变化为一组新的参数组合。

预期结果：每次按空格都会得到不同的波浪外观，适合在没想好具体参数时快速“抽”出一个可用的形状。

需要注意的卡点：

• 空格键要作用在页面上，如果焦点不在页面内（例如刚点过浏览器地址栏），按键可能不生效，先点一下页面空白处再按。
• 随机化会覆盖你当前手动调好的参数。如果已经调出满意的效果，先复制或导出，再继续随机。

复制 SVG 代码：点击复制按钮

页面提示 Click to copy svg code on your clipboard，对应一个复制按钮：

1. 调整好波浪效果（或按空格随机到满意为止）。
2. 点击复制按钮。
3. SVG 代码被写入系统剪贴板。
4. 到目标位置粘贴：设计工具（如 Figma、Illustrator 的代码/粘贴入口）或代码编辑器里的 .svg 文件、HTML 中。

预期结果：粘贴出来的是完整的 SVG 标记，而不是图片截图，因此可以继续在矢量工具里编辑路径和颜色。

常见卡点：

• 浏览器剪贴板权限被拦截时，复制可能失败。可检查浏览器是否允许该站点访问剪贴板，或改用导出文件的方式。
• 复制的是 SVG 代码，不是 SVG 文件。如果目标工具只接受文件上传，需要改用页面上的 Save as 导出。

导出为文件：Save as SVG / PNG

除了复制代码，页面还提供 Save as: SVG PNG，用于把当前波浪保存成文件：

选择依据很简单：后续还要改形状或颜色，选 SVG；只是当作一张图使用，选 PNG。

参数面板：随机之外的手动控制

随机化只是起点，页面同时提供一组可调参数，用来把随机结果改成确定效果：

• Smooth / Sharp：控制波浪的平滑或锐利程度。
• Linear / Waves：切换线性与波浪形态。
• Height / Layers：调整高度与层数。
• FlipX / FlipY：水平、垂直翻转。
• Colour Gradient：颜色渐变，含 Linear / Radial 两种类型以及 Angle 角度。

实际操作顺序建议：先按空格随机出大致方向，再用这些参数微调，最后复制 SVG 代码或导出文件。这样比从零手动调更快，也比纯随机更可控。

一句话结论

Wavelry 的随机化入口是空格键，复制入口是页面上的复制按钮（复制 SVG 代码到剪贴板），需要文件时用 Save as SVG / PNG；随机结果会覆盖手动参数，满意后先复制或导出再继续随机。