SVGパターン生成ツール - 無料でオンライン利用 | ToolXHub
SVGパターン生成ツールをオンラインで無料で利用。ダウンロード不要。ToolXHubは数百の面白いオンラインツールを提供。
このツールについて
svg-pattern-generatorは無料のオンラインジェネレーターです。。集中したい時やリラックスしたい時、ちょっとした楽しみに最適です。ブラウザだけで使え、ダウンロードや登録は不要です。
パターンタイプ ( ドットマトリックス、グリッド、波、六角形、三角形、対角線など ) を選択します。パラメータを調整します: 色、背景色、パターンサイズ、間隔、回転角度、透明度。タイル効果をリアルタイムでプレビューし、小 / 中 / 大ビューを切り替えます。満足した CSS コードをコピーします (background—image: url ('data: image / svg + xml,... ')) または SVG ファイルをダウンロードします。
SVG パターンの使用<pattern>繰り返し可能な単位を定義し、それを渡す要素<rect fill="url(#pattern)">タイルだ。生成された SVG は、 CSS を埋め込むための Data URL としてエンコードしたり、背景画像として直接使用したりできます。パターンパラメータは、 SVG 属性を変更することでリアルタイムで調整されます。
Web 背景、 UI デザインテクスチャ、壁紙、包装紙パターンなどの作成に適しています。ビットマップよりもクリア ( ベクトルを無限に拡大できます ) 、ファイルが小さくなります。
タイル可能な幾何パターン、波、グリッド、その他の背景を作成する SVG パターン生成ツールで、カスタム色、密度、サイズをサポートし、 CSS または SVG をエクスポートします。