タスクの道筋 / 入力から結果へ
繰り返し SVG パターンの作り方
- 01
キャンバスサイズを設定する
幅と高さをそれぞれ 64～4,096 px、総画素数を 1,600 万以下に設定します。これらは SVG 全体のキャンバスと PNG の寸法です。SVG はキャンバス内でパターン単位を繰り返し、単独のタイルだけを出力するわけではありません。
- 02
パターン種類を選ぶ
「パターン種類」で「ドット」「グリッド」「斜めストライプ」「波」「チェッカー」から選びます。どれもランダムなテクスチャではなく、境界の明確なタイルベースのシステムです。
- 03
リピートを調整する
「タイルサイズ」は 8〜160 ピクセル、「マークの太さ」は 1〜16、「回転」は −180〜180 度、「前景の不透明度」は 0.05〜1 の範囲です。「前景」と「背景」は 6 桁の 16 進値で指定します。プレビューは変更のたびに更新されます。
- 04
パターンを書き出す
繰り返し模様で満たされた SVG キャンバスをコピー・ダウンロードするか、選択寸法の PNG を出力します。内部の単位は繰り返されますが、完成画像全体をタイル状に並べたとき外周が継ぎ目なくつながる保証はありません。