什么是图案生成器？
图案生成器是一个在线工具，让您可以从包含32种独特形状和设计的库中创建无缝重复图案。无论您需要网站的微妙背景、装饰壁纸还是纹理印刷设计，此工具都能让您完全控制图案的每个方面。
从几何形状（如点、六边形和菱形）、有机形式（如波浪、叶子和花朵）或抽象设计（如五彩纸屑、人字纹和螺旋）中选择。自定义颜色、缩放、旋转、间距和不透明度，创建您想象中的图案。
这是为谁设计的？
网页开发者
平面设计师
内容创作者
任何有创意的人
您的数据保持隐私
- 无上传 — 一切都使用Canvas API在本地渲染
- 无跟踪 — 我们不收集任何使用数据
- 无需账户 — 立即开始创建
- 无数据传输 — 您的图案永远不会离开您的设备
如何使用图案生成器
选择图案
浏览左侧面板中的图案库。点击任何缩略图选择它。右侧的实时预览会立即更新，显示整个画布上的平铺结果。
自定义颜色
使用颜色选择器设置背景颜色和图案颜色。对于支持双色的图案（如五彩纸屑、扇形、人字纹），使用复选框启用颜色2。
您也可以点击10个预设调色板之一快速选择颜色方案，包括靛蓝、海洋、森林、日落、玫瑰、紫色、单色、深色、青色和琥珀色。
调整设置
使用调整滑块微调您的图案：
- 缩放 — 改变每个图案元素的大小（10-100像素）
- 旋转 — 将图案旋转0°至360°
- 间距 — 在图案元素之间添加间隙（0-40像素）
- 不透明度 — 控制透明度（5-100%）
- 笔画 — 调整基于笔画的图案的线条厚度（1-8像素）
导出您的图案
根据您的需求选择首选的导出方法：
- 下载PNG — 可用作重复背景的光栅瓷砖图像
- 下载SVG — 用于高质量输出的可缩放矢量瓷砖
- 复制CSS — 获取现成的CSS代码，图案嵌入为数据URI
导出前选择您想要的瓷砖大小（100像素至800像素）。
功能
32种图案类型
分为四个不同类别的多样化图案集合：
几何
完美适合现代设计的干净、结构化图案
- 点、线、网格
- 人字纹、锯齿、菱形
- 六边形、三角形、十字
- 加号、星星、对角线条纹
有机
受自然启发的自然流动图案
- 波浪、圆形、鳞片
- 叶子、花朵
- 螺旋
抽象
用于独特设计的创意、艺术图案
- 五彩纸屑、交叉线
- 双色圆点、人字纹
- 砖块、扇形
装饰
用于特殊项目的有趣、主题图案
- 心形、箭头
- 月亮、圆环
- 眼睛
颜色自定义
完全控制图案颜色，包括背景颜色、主要图案颜色和可选的第二种颜色用于双色图案。
自定义颜色
10个预设调色板
双色支持
实时预览
灵活的导出选项
以多种格式导出您的图案，适应不同的使用场景：
PNG导出
- 固定分辨率（100-800像素）
- 完美适合网页背景
- 较小的文件大小
- 通用兼容性
SVG导出
- 无限可缩放性
- 适合印刷项目
- 无质量损失
- 可在设计软件中编辑
随机化功能
点击随机化按钮生成完全随机的图案，包括随机类型、颜色、缩放、旋转、间距和不透明度。这是发现意外图案组合和寻找灵感的好方法，当您不确定从何开始时。
随机图案
随机颜色
随机设置
常见问题
"无缝"是什么意思？
无缝图案在所有方向上完美平铺，没有可见的接缝或间隙。当您水平和垂直重复图案时，边缘平滑连接以创建连续设计。这对于需要覆盖大面积而不显示重复边界的背景至关重要。
PNG和SVG导出有什么区别？
PNG是光栅格式 — 图像的分辨率固定，基于您选择的瓷砖大小。它完美适合网页背景和一般数字使用。
SVG是矢量格式，可以缩放到任何大小而不失质量。对于网页背景，PNG效果很好。对于印刷或大幅面设计，需要任何大小下的完美清晰度，推荐使用SVG。
CSS导出如何工作？
CSS导出生成一个background-image属性，您的图案编码为数据URI。您可以直接将其粘贴到CSS文件中，使用图案作为重复背景，无需单独的图像文件。
这种方法减少了HTTP请求，并将您的图案保留在样式表中，使其更易于管理和部署。
什么是瓷砖大小？
瓷砖大小决定了导出图像的像素尺寸。较大的瓷砖大小包含更多图案重复，产生更大的文件。
对于大多数网页使用场景，200x200或400x400效果很好，在质量和文件大小之间提供良好平衡。对于高分辨率显示或印刷项目，考虑使用600x600或800x800。
我可以商业使用这些图案吗？
可以，绝对可以。您使用此工具创建的图案完全在您的浏览器中生成。您拥有输出，可以将其用于任何目的，包括商业项目、客户工作、待售产品等。
无需署名，无许可费，无限制。
笔画滑块有什么作用？
笔画滑块控制使用轮廓而非填充的图案的线条厚度，例如线、网格、波浪、圆形、鳞片和箭头。
对于填充图案（如点、菱形和六边形），笔画设置没有可见效果，因为这些图案使用实心形状而非轮廓。
还没有评论，快来发表第一条！