Wavelry 如何随机生成波浪和复制 SVG 代码?
在 Wavelry（wavelry.vercel.app）里，随机生成波浪只需按一次空格键，复制 SVG 代码只需点击页面上的复制按钮——复制成功后 SVG 代码会进入剪贴板，可以直接粘贴到设计工具或代码中使用。这两个操作都不需要注册或登录，打开页面即可用。
随机生成波浪：按空格键
页面底部有一行提示：Press space bar to randomise a wave。也就是说：
- 打开 Wavelry 页面，页面上会显示一个当前波浪图形。
- 在键盘上按一下空格键。
- 波浪图形会随机变化为一组新的参数组合。
预期结果：每次按空格都会得到不同的波浪外观，适合在没想好具体参数时快速“抽”出一个可用的形状。
需要注意的卡点：
- 空格键要作用在页面上，如果焦点不在页面内（例如刚点过浏览器地址栏），按键可能不生效，先点一下页面空白处再按。
- 随机化会覆盖你当前手动调好的参数。如果已经调出满意的效果，先复制或导出，再继续随机。
复制 SVG 代码：点击复制按钮
页面提示 Click to copy svg code on your clipboard，对应一个复制按钮：
- 调整好波浪效果（或按空格随机到满意为止）。
- 点击复制按钮。
- SVG 代码被写入系统剪贴板。
- 到目标位置粘贴：设计工具（如 Figma、Illustrator 的代码/粘贴入口）或代码编辑器里的
.svg文件、HTML 中。
预期结果：粘贴出来的是完整的 SVG 标记，而不是图片截图，因此可以继续在矢量工具里编辑路径和颜色。
常见卡点：
- 浏览器剪贴板权限被拦截时，复制可能失败。可检查浏览器是否允许该站点访问剪贴板，或改用导出文件的方式。
- 复制的是 SVG 代码，不是 SVG 文件。如果目标工具只接受文件上传，需要改用页面上的 Save as 导出。
导出为文件：Save as SVG / PNG
除了复制代码，页面还提供 Save as: SVG PNG，用于把当前波浪保存成文件：
| 导出格式 | 适用场景 |
|---|---|
| SVG | 需要矢量、可缩放、可继续编辑路径与颜色 |
| PNG | 需要位图，直接放进文档、演示或社媒图片 |
选择依据很简单：后续还要改形状或颜色，选 SVG；只是当作一张图使用，选 PNG。
参数面板：随机之外的手动控制
随机化只是起点，页面同时提供一组可调参数，用来把随机结果改成确定效果：
- Smooth / Sharp：控制波浪的平滑或锐利程度。
- Linear / Waves：切换线性与波浪形态。
- Height / Layers：调整高度与层数。
- FlipX / FlipY：水平、垂直翻转。
- Colour Gradient：颜色渐变，含 Linear / Radial 两种类型以及 Angle 角度。
实际操作顺序建议：先按空格随机出大致方向，再用这些参数微调，最后复制 SVG 代码或导出文件。这样比从零手动调更快，也比纯随机更可控。
一句话结论
Wavelry 的随机化入口是空格键，复制入口是页面上的复制按钮（复制 SVG 代码到剪贴板），需要文件时用 Save as SVG / PNG；随机结果会覆盖手动参数，满意后先复制或导出再继续随机。