这位12岁少年开发的免费网站，能帮你快速生成波浪形背景！

几年看一波浪状、具有弧度的图形设计，能运用网页、应用程序等，图案以用生成器，像是之前介绍的 Svg Wave 能在浏览器上建立出符合自己需求的波浪图，包括波浪类型、波数量、数、高度、颜密度等等，有还能搭上渐变效果，果要寻找波浪图的就不需以绘图软件自行绘：

文要介绍的「SVG Waves」是一个免费的 SVG 波浪图生成器，来自加拿大一位 12 岁年轻开者，互式的操界面让使用者以拖拉方式设计波浪，为波浪自定义颜、背景色或选择喜爱波浪样。

SVG Waves 有几个自定义选项，像是整左右波高度、前、背、曲的曲度，整时时反映在网页上，点选输出 SVG 式的程序代码，包括 SVG、CSS 原始码和反向或翻转选项，就能快速将图案导你的网页或文件中。

SVG Waves

网站链接：https://www.svgwaves.io/

使用教学

开启 SVG Waves 网站，波浪中间有个编号 1 的按钮，点选整拖曳出波浪的形状和曲度，当你也以持默认值。

果你想要增加更波，点选右「+」加更数字，就能以相同方式整。

下方的设定选项左右颜整前和背。

左右两条设定轴整波高度，中间选项选择波浪曲或是直样式，整曲度。

点选下方按钮出现「Export Wave」画面，将 SVG 原始码、CSS 原始码分别复就能呈现出你在网页里设定的波浪效果。最底下还有选项以将波浪进行反向或翻转。

值试三个理由：

• SVG Waves 免费的 SVG 波浪图产生器，以拖拽方式计波浪
• 自定义颜色、背景色、波浪样式和波峰数量
• 输出 SVG 和 CSS 原始码