无缝 SVG 图案制作器 - 绘制基本元素重复填充

无缝图案是指图案单元在水平和垂直方向上无限重复时，边界处完全衔接、无明显接缝的纹理。SVG通过<pattern>元素实现无缝平铺，广泛用于网页背景、壁纸、纺织品设计、品牌视觉等领域。本工具生成的图案可以导出为独立SVG文件，直接用于CSS背景或设计软件。

元素大小决定了单个图形在图案中的视觉比重，间距控制元素之间的空白区域。一般建议：元素大小40-80px + 间距15-30px适合网页背景；元素大小80-150px + 间距30-60px适合海报或壁纸。您可以打开砖墙模式获得更紧凑的排列效果。

SVG图案是矢量格式，具备以下优势：①无限缩放不失真，在任何分辨率下都清晰锐利；②文件体积小，通常只有几KB；③可编程编辑，通过CSS或JS动态修改颜色和参数；④支持透明度和动画；⑤SEO友好，搜索引擎可直接索引SVG内容。

网格模式：元素在水平和垂直方向对齐排列，形成规整的矩阵效果。砖墙模式：奇数行和偶数行错位半个单元格，类似砖墙砌合方式，视觉上更自然、动感。砖墙模式特别适合圆形、六边形元素，能营造蜂窝或鱼鳞般的有机纹理。

完全可以！下载的SVG文件包含完整的<pattern>定义，可通过CSS的background-image: url('pattern.svg')直接引用。由于SVG pattern本身具备无缝重复特性，背景会自动平铺。您也可以将SVG导入Figma、Illustrator、Canva等设计工具进行二次创作。

偏移X/Y控制元素在其单元格内的位移，以百分比表示。0%表示元素居中；正值向右/下移动；负值向左/上移动。通过微调偏移，可以打破对称感，创造更动态的节奏。例如在砖墙模式下设置5-10%的偏移，能让图案显得更自然随机。

当前支持8种基础形状：圆形、方形、菱形、三角形、六边形、五角星、十字形、心形。涵盖了最常见的几何图案元素。所有形状都在100×100的标准坐标系统中定义，确保在不同大小下保持比例一致。如需特殊自定义形状，可下载SVG后手动编辑路径数据。