SVG 不规则形状（Blob）生成器

Blob（柔和、不规则的圆润形状）常被用来裁剪照片的外框、垫在标题后面，或装饰落地页。这个生成器在圆周上放置若干点，把每个点按随机量向内拉，再用平滑的闭合曲线连起来，得到一个有机的 SVG 形状，可以下载或粘贴到 HTML。种子数字让每个 Blob 都能复现，还附带一个适合简单场景的纯 CSS 替代方案。

使用方法

1. 选择点数和随机程度。
2. 设置尺寸，以及纯色或双色渐变。
3. 不断更换种子直到满意（留空则每次生成新的）。
4. 下载 SVG、复制标记代码，或使用 CSS border-radius 版 Blob。

计算公式

rᵢ = R × (1 − ½ × 随机程度 × uᵢ)，角度 −90° + 360° × i ÷ n · 第 i 段：C (Pᵢ + (Pᵢ₊₁ − Pᵢ₋₁)/6) (Pᵢ₊₁ − (Pᵢ₊₂ − Pᵢ)/6) Pᵢ₊₁

R 是尺寸的 45%，uᵢ 是 0 到 1 之间由种子生成的随机数（mulberry32）。Catmull-Rom 样条首尾相接，所以曲线能平滑闭合。CSS 版本使用相对半径之和为 100% 的 border-radius，使四条边总能相接。

示例

随机程度为 0、4 个点、200 px 画布时，各点位于 (100, 10)、(190, 100)、(100, 190) 和 (10, 100)，样条为 M100,10 C130,10 190,70 190,100 …——近似圆形。种子为 1、3 个点、随机程度 100% 时，半径变为 61.8、89.9 和 66.3 px，对应的 CSS 替代方案是 border-radius: 79% 21% 22% 78% / 37% 57% 43% 63%。