ZH
PortuguêsEnglishEspañolDeutschFrançaisItaliano日本語Русский中文
首页 收藏
Voltar

SVG Blob 生成器(有机形状)

不断点击换一个形状,直到找到合适的。调整点数和不规则程度,选择颜色,复制 SVG 或将其用作照片蒙版。

使用方法

网站用的有机形状

可用语言: PortuguêsEspañolEnglishDeutschFrançaisItaliano日本語Русский中文

下一个工具渐变边框生成器(CSS)→
广告

SVG Blob 生成器(有机形状): 用途

选择点数和不规则程度、颜色或双色渐变,一点击就生成新形状。曲线平滑地穿过所有点并闭合,没有棱角。

下载 SVG,复制代码,或复制蒙版(clipPath)版本,把任何照片裁成 blob 的形状。

使用方法

  1. 调整点数和不规则程度。
  2. 选择颜色或渐变,不断生成形状直到满意。
  3. 下载 SVG 或复制照片蒙版。

使用场景

  • 照片和插图后面的背景。
  • 有机形状的头像。
  • 网站区块和帖子的装饰。

常见问题

blob 有什么用?

有机形状能打破方正布局的僵硬:放在照片、图标和插图后面、作为区块背景或头像相框都很合适。

怎样用作照片相框?

复制蒙版(clip-path)代码:它在 clipPath 中使用相同的图形和相对坐标,任何带有 clip-path:url(#blob) 样式的图片都会变成 blob 的形状。

可以做动画吗?

可以:生成两个点数相同的形状,再用 CSS 或 JavaScript 为 d 属性做动画。请使用缓慢的动画,并尊重偏好减少动态效果的用户(prefers-reduced-motion)。

真的免费吗?

是的,100%免费。无需注册,无需订阅,不限使用次数。所有工具:Tools123是免费的。

相似工具

非常感谢您的支持!

每一笔捐赠都有助于维持网站运行。这些工具旨在帮助您,但我们有服务器开销。如果您愿意支持,将不胜感激!请选择或输入金额:

通过Stripe安全支付。将在新标签页打开。

工具按现状提供,不作任何保证。我们不对结果及其使用承担责任。