繰り返し可能な 4 種類のベクターパターン

ドット、グリッド、斜線、チェッカーを user-space パターン内の通常の SVG 図形として記述します。書き出した SVG は背景矩形とパターン定義を含む完全な画像で、CSS 断片やリモート素材ではありません。

上限付き操作と安全なソース

タイルサイズは 12～160 ピクセル、細部は実用的な 1～32 ピクセルに制限されます。色はブラウザーのカラー入力から取得し、SVG ソースに入れる前に検証します。任意の SVG マークアップ、スクリプト、URL、フォント、外部画像参照は受け付けません。

生成したローカル SVG をブラウザーで繰り返し表示します。エッジのアンチエイリアスや小さなパターンの密度は、倍率、ブラウザーズーム、背面の面によって変わります。重要な情報に使う前にコントラストを確認し、最終サイズで SVG を試してください。

よくある質問

ダウンロードは完全な SVG ですか？

はい。SVG ルート、パターン定義、パターンで塗った矩形を含みます。ブラウザーで直接開くか、SVG 対応の画像処理で使えます。

パターンごとの「細部」とは何ですか？

ドットでは円の半径、グリッドと斜線では線幅、チェッカーでは 2 つの塗りつぶし四角の間に見える隙間を調整します。

色や SVG はアップロードされますか？

いいえ。パターン作成、プレビュー、コピー、ダウンロードは現在のブラウザーで行います。生成ソースは外部リソースにリンクしません。

カスタム SVG コードを貼り付けられますか？

いいえ。この生成ツールは 4 種類の範囲を限定したパターンだけを作成します。入力を制限することで XML を予測可能にし、信頼できないマークアップのプレビューへの挿入を防ぎます。