关于此工具
像这样的有机"斑点"形状是现代网页设计的常见元素——用作主视觉文字背后柔和的装饰性背景、把普通照片变成不规则手绘风格的图片蒙版,或是图标和卡片周围俏皮的点缀。这个生成器会从若干随机分布的点构建一条平滑的闭合 SVG 路径,再用 Catmull-Rom 曲线把拐角磨圆,让轮廓自然流畅,而不是像锯齿状的多边形。
种子数值就是整个形状的"指纹":无论重新生成多少次,同一个种子始终会得到完全相同的斑点形状。这意味着你可以调节锚点数和不规则度滑块,直到得到满意的形状,记下种子值,之后就能重新生成一模一样的斑点——或者把种子值分享给同事,让他们得到完全相同的形状,而不是另一个随机结果。
常见问题
为什么相同的种子总是生成相同的斑点形状?
形状由一个确定性的伪随机函数根据你的数字种子生成,因此相同的种子总会重现完全相同的形状——如果你想保存或分享特定斑点形状,这很有用。
我可以直接将生成的 SVG 用作 CSS 背景吗?
可以——下载 SVG 文件后用 background-image: url(...) 引用,或直接将路径代码复制进内联的 <svg> 元素中。