SVG 图案生成器
选择图案、颜色、平铺大小和细节，在浏览器中生成轻量 SVG 图案并复制或下载。
实时预览
使用步骤
如何使用
- 选择圆点、网格、斜线或棋盘，并设置前景色和背景色。
- 调整有界的平铺和细节控件，同时查看实时重复预览。
- 复制独立 SVG 源码，或下载 SVG 文件用于项目。
四种可重复矢量图案
圆点、网格、斜线和棋盘会作为普通 SVG 形状写入 user-space 图案中。导出的 SVG 同时包含背景矩形和图案定义，是完整图像，不是样式表片段或远程资源。
有限控件与安全源码
平铺大小限制在 12 到 160 像素，细节限制在实用的 1 到 32 像素。颜色来自浏览器颜色控件，并在写入 SVG 前验证。此编辑器不接受任意 SVG 标记、脚本、URL、字体或外部图像引用。
预览用于设计检查
预览会在浏览器中重复显示本地生成的 SVG。边缘抗锯齿和小图案的视觉密度会随缩放、浏览器缩放级别及背景表面变化。用于重要信息前，请检查对比度并在最终尺寸测试导出的 SVG。
常见问题
你可能还想知道
下载文件是完整 SVG 吗？
是。它包含 SVG 根元素、图案定义和填充该图案的矩形。可直接在浏览器中打开，或用于支持 SVG 的图像流程。
不同图案的“细节”指什么？
对于圆点，它控制圆半径；对于网格和斜线，它控制描边宽度；对于棋盘，它控制两个填充方块间可见的间距。
工具会上传我的颜色或 SVG 吗？
不会。构建图案、预览、复制和下载都在当前浏览器运行。生成的源码不会链接外部资源。
可以粘贴自定义 SVG 代码吗？
不可以。生成器仅创建四种有界图案形式。限制输入可让导出的 XML 更可预测，并避免向预览注入不可信标记。