SVG Blob 生成器(有机形状)
不断点击换一个形状,直到找到合适的。调整点数和不规则程度,选择颜色,复制 SVG 或将其用作照片蒙版。
使用方法网站用的有机形状
广告
SVG Blob 生成器(有机形状): 用途
选择点数和不规则程度、颜色或双色渐变,一点击就生成新形状。曲线平滑地穿过所有点并闭合,没有棱角。
下载 SVG,复制代码,或复制蒙版(clipPath)版本,把任何照片裁成 blob 的形状。
使用方法
- 调整点数和不规则程度。
- 选择颜色或渐变,不断生成形状直到满意。
- 下载 SVG 或复制照片蒙版。
使用场景
- 照片和插图后面的背景。
- 有机形状的头像。
- 网站区块和帖子的装饰。
常见问题
blob 有什么用?
有机形状能打破方正布局的僵硬:放在照片、图标和插图后面、作为区块背景或头像相框都很合适。
怎样用作照片相框?
复制蒙版(clip-path)代码:它在 clipPath 中使用相同的图形和相对坐标,任何带有 clip-path:url(#blob) 样式的图片都会变成 blob 的形状。
可以做动画吗?
可以:生成两个点数相同的形状,再用 CSS 或 JavaScript 为 d 属性做动画。请使用缓慢的动画,并尊重偏好减少动态效果的用户(prefers-reduced-motion)。
真的免费吗?
是的,100%免费。无需注册,无需订阅,不限使用次数。所有工具:Tools123是免费的。