SVG Blob 生成器

几秒钟设计出漂亮的 SVG Blob

有机的 "blob" 形状是现代网页设计中最流行的趋势之一——它们常作为英雄区背景、分节器、卡片装饰元素，甚至作为应用图标出现。这款 SVG Blob 生成器让你通过几个滑块即可创建独特、完全平滑的 blob 形状，然后复制 SVG 或下载以用于任何项目。

Blob 是如何构建的

生成器在一个圆周上等间距放置若干锚点，然后根据所选的 随机性 参数，对每个锚点的半径进行随机偏移。这些锚点通过由 Catmull–Rom 样条推导出的三次贝塞尔段连接成一条闭合的平滑曲线，从而保证轮廓干净连续、毫无可见折角——无论底层点位多么混乱。

一个确定性的种子驱动所有随机决策，这意味着相同配置总能产生完全相同的 blob。按 重新生成 可在不改动其他参数的情况下循环浏览新形状。

自定义选项

• 复杂度 — 锚点数量（3 到 20）。较低值生成柔和圆润的 blob；较高值生成复杂的波浪形轮廓。
• 随机性 — 每个锚点偏离基准半径的幅度。零值得到圆形；最高值得到极具戏剧性的有机形状。
• 种子 — 让每个结果可复现的整数。同样的种子永远生成同样的形状。
• 填充 — 选择纯色或两色线性渐变，渐变角度可调。
• 描边 — 可选的描边，颜色和粗细都可配置。

输出格式

生成器产出干净、简洁的 SVG 标记，你可以直接粘贴到 HTML 文档、React 组件、Figma 文件或任何支持 SVG 的设计工具中。一键复制代码到剪贴板，或把形状下载为独立的 .svg 文件。

常见用途

• 英雄区背景和落地页点缀
• 头像风格的图片蒙版
• 功能卡片背后的装饰形状
• 抽象徽章和贴纸风格的 UI 元素
• 页面分段之间的 blob 过渡
• 演示文稿幻灯片装饰

由于输出是纯 SVG，它可在任何分辨率下保持清晰、文件体积极小，并可以通过 CSS 或 JavaScript 动画化。如需更多调整，也可在 Illustrator、Figma 或 Inkscape 中进一步编辑生成的路径。