パターン生成
ドット・斜線・四角形の繰り返し背景を作り、CSSと繰り返し用タイル画像を保存します。 ファイルや入力内容はサーバーに送信・保存されません。
使い方
ドット・斜線・四角形の繰り返し背景を作り、CSSと繰り返し用タイル画像を保存します。
対応形式と制限
Values / Images → SVG / PNG
すべての処理はブラウザー内で行われます。形式と端末のメモリーにより処理範囲が制限されます。
保存画像は繰り返し用タイル1枚で、繰り返し間隔と同じ4~200pxのサイズです。
パターン生成 ご利用案内
使用方法
- 模様・背景色を選びます。
- 繰り返し間隔と点の半径・線の太さ・四角形のサイズを指定します。
- 繰り返しのプレビューを確認し、CSS・タイルSVG・PNGを保存します。
使用例
入力・設定
ドット · 間隔32px · 半径2px
結果・確認
32×32の繰り返しタイル
確認事項
- 保存画像は繰り返し用タイル1枚で、繰り返し間隔と同じ4~200pxのサイズです。
- 模様のサイズは0より大きく、タイルの半分以下にする必要があります。CSSはタイルを自動で繰り返します。