• 点击「随机生成」可不断生成不同形态的 Blob 图形
• Blob 适合用作网页背景、卡片装饰、Logo 元素等
• 配合 CSS 动画可以让 Blob 动起来：@keyframes morph { 0% { d: path(...) } 100% { d: path(...) } }
• 使用渐变填充可以创建更丰富的视觉效果
• 调整节点数量和复杂度可以控制 Blob 的细腻程度
Blob图形是一种不规则的有机形状，通过多个控制点和贝塞尔曲线生成。它的特点是边缘柔和、形状自然，不像几何图形那样规则。Blob在网页设计中常用于背景装饰、卡片蒙版、插图元素等场景。
将生成的SVG代码复制后，可以直接作为img的src（data URI）使用，也可以作为CSS background-image。配合CSS的position和size属性，可以创建全屏动态背景效果。建议使用半透明渐变Blob叠加组合。
Blob使用SVG的path元素和三次贝塞尔曲线（C命令）绘制。算法在圆周上均匀分布控制点，然后随机偏移每个点的半径长度，再用平滑曲线连接所有点，形成自然的不规则形状。每次随机生成都是独一无二的。
可以使用CSS动画或GreenSock（GSAP）等JS库对SVG path进行动画。通过在不同Blob形状之间插值，创建平滑的形变动画（morphing）。也可以使用CSS filter: blur() 配合 transform 实现流体流动效果。