设计 / SVG
SVG Blob生成器（随机有机形状）
为背景和插图制作平滑的随机blob形状：选择点数和随机程度，选择单色或双色渐变，然后下载或复制SVG。
SVG Blob生成器（随机有机形状）: 点会均匀分布在圆周上，并分别以随机幅度向圆心移动，之后通过平滑的闭合曲线连接起来。点数少且随机程度高，会生成凹凸明显的形状；点数多且随机程度低，会生成柔和、近似圆形的形状。 完全在浏览器中本地运行，文件不会上传到服务器。
- 类别
- 开发者工具
- 使用次数
- 在浏览器中
- 费用
- 免费·无需注册
- 可用性
- 可直接使用
完全在浏览器中运行
SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 400" width="400" height="400"><path d="M359.5,200 C360.7,243.5 315.4,319 278.8,336.4 C242.1,353.9 174.7,327.5 139.5,304.7 C104.4,282 69.5,237.5 68,200 C66.4,162.5 96.4,100.3 130.4,79.5 C164.4,58.7 233.7,55.4 271.9,75.5 C310.1,95.6 358.4,156.5 359.5,200 Z" fill="#63c42d"/></svg>
各个点均匀分布在圆周上，再按照随机幅度向中心拉近，并通过平滑的闭合曲线连接。点数越少、随机性越高，形状就越不规则；随机性为0%时会生成圆形。不规则图形适合用作照片、图标和标题背后的柔和背景。
用途
斑 blob适合用在产品照片、图标、头像和标题后方，营造柔和的背景。在文字后方使用浅色或低不透明度的填充，让文字保持足够的对比度；如需透过磨砂玻璃看到后面的斑 blob，可以将其与玻璃拟态生成器结合使用。
编辑
输出内容是由三次贝塞尔曲线组成的单一路径，因此可以在任何矢量编辑器中打开。若要手动修改几个点，请将其粘贴到SVG编辑器中。
使用方法
- 选择点数和随机程度。
- 选择颜色或渐变。
- 不断点击生成新的blob，直到满意为止，然后下载或复制SVG。
隐私与限制
形状在你的浏览器中绘制。
相关工具
常见问题
如何将照片放入blob形状中？
复制路径，并将其用于SVG的clipPath；或者保存blob，然后将其作为照片上的CSS mask-image使用。
可以为blob添加动画吗？
可以：生成两个点数相同的blob，并在两者之间为路径的d属性添加动画；点数一致可以让形变更加平滑。
有尺寸限制吗？
SVG的尺寸为400 × 400，但可以缩放到任意大小而不会损失清晰度。
免费工具·使用在浏览器中次·无需账户