任務路徑 / 從輸入到結果
如何製作重複 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。內部圖案單元會重複，但把整幅匯出影像再次平鋪時，外邊緣不保證無縫銜接。