SVG 斑点形状生成器
生成随机的有机形状(blob)SVG,非常适合作为照片或标题后面的装饰性背景形状。复杂度、不规则度和颜色均可调节,点击一下即可得到新的变体。
预览
工作原理
工具会把选定数量的点(即复杂度)均匀地放在一个圆周上,再根据所选的不规则程度把每个点随机地向内或向外移动,然后用平滑曲线(Catmull-Rom 样条转换为贝塞尔曲线)连接这些点,得到一个圆润、没有尖角的封闭轮廓。
如何保持形状不变,只改变颜色或大小?
形状只取决于点的数量和生成时确定的一个内部随机「种子」值:只要您不点击「生成新的随机形状」,也不更改复杂度,调整颜色、大小或不规则度时,整体轮廓都会保持不变,只是被缩放或重新着色。
这种斑点形状可以用在设计的哪些地方?
SVG 斑点形状常用作首屏区块的背景,放在头像或产品图片后面,以打破矩形的生硬感,也可以用作图片的有机裁剪蒙版(把斑点形状用作 clip-path)。
100% 本地生成:形状完全在您的浏览器中计算,不会向任何服务器发送数据。