任务路径 / 从输入到结果
如何制作重复 SVG 图案
- 01
设置画布尺寸
将宽、高分别设为 64–4,096 px，总像素不超过 1,600 万。尺寸决定整幅 SVG 画布和 PNG 渲染范围。SVG 在画布内定义重复图案，并非只导出一个独立单元。
- 02
选择图案类型
在“图案类型”下选择“圆点”“网格”“对角条纹”“波浪”或“棋盘格”。每种类型都是边界明确的平铺系统，而不是随机纹理，因此重复是精确的，导出文件在任何画布尺寸下都保持小巧。
- 03
调节重复单元
“图块尺寸”范围 8–160 像素，“笔触粗细”1–16，“旋转”−180 到 180 度，“前景不透明度”0.05–1；“前景”和“背景”使用六位十六进制色值。预览随每次修改实时更新，因此细微调整——稍大的图块、再低一点的不透明度——很容易对比。
- 04
导出图案
复制或下载铺满画布的 SVG，或下载对应尺寸的 PNG。内部图案单元会重复，但把整幅导出图像再次平铺时，外边缘不保证无缝衔接。