SVG 图案生成器
几秒钟做出无缝背景图案。
选择图案、大小和颜色，生成可平铺的 SVG 背景。复制 SVG 代码或下载文件，用于网站、应用或设计工具。
图案
24px
图案颜色
背景
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <rect width="24" height="24" fill="#f5f3ff" /> <circle cx="12" cy="12" r="2.4" fill="#7c3aed" /> </svg>
如何生成 SVG 图案
- 选择图案类型，如圆点、网格或波浪。
- 用滑块设置平铺尺寸。
- 选择图案颜色和背景颜色。
- 复制 SVG 代码或下载 .svg 文件。
常见问题
这些图案是无缝的吗？
是的。每个图块都经过设计，用作 CSS 背景重复时不会出现接缝。
怎样在网站上使用这些图案？
在 CSS 中用 background-image: url(pattern.svg) 引用下载的文件，或把复制的 SVG 直接嵌入页面。
之后可以编辑 SVG 吗？
当然可以。输出是纯 SVG 文本，可在任何编辑器或设计软件中打开。