Generatore di pattern SVG
Genera punti, strisce e motivi geometrici ripetibili.
Come usare Generatore di pattern SVG
SVG pattern generator creates a repeating dots, diagonal stripes or grid pattern as an SVG file. Pick foreground and background colors, a tile spacing from 4 to 200 px, and a dot radius or stroke width from 1 to 50 px. The output is a 600 by 400 SVG built on a pattern element, shown as markup and downloadable as pattern.svg.
- Inserisci i valori richiesti nel pannello delle impostazioni.
- Regola le impostazioni di base, poi apri la modalità avanzata per le opzioni di esportazione e ottimizzazione. Le impostazioni personalizzate restano attive quando il pannello è chiuso.
- Esegui Generatore di pattern SVG, esamina il risultato, poi usa i controlli disponibili per copiare o scaricare.
Cosa supporta questo strumento
Genera punti, strisce e motivi geometrici ripetibili.
- Motivo
- punti · strisce · griglia
- Colore in primo piano
- Set this value for your task.
- Sfondo
- Set this value for your task.
- Spaziatura (px)
- Range: 4 to 200
- Raggio del punto / tratto (px)
- Range: 1 to 50
Limiti ed elaborazione
Le immagini usano il limite esistente della canvas di 32 megapixel. Dove supportato sono consentite fino a 100 immagini di origine. L'HTML incollato è limitato a 200.000 caratteri; i diagrammi Mermaid a 20.000 caratteri e 300 righe. La generazione di SVG e PNG richiede un browser.
Domande frequenti
How do I use the SVG pattern as a CSS background?
Download pattern.svg and reference it with background-image in CSS, or paste the markup inline. The file is a 600 by 400 image, so the browser repeats that whole image; choose a spacing that divides 600 and 400 evenly, such as 20 or 40, for clean seams.
Why do the stripes appear as diagonal lines?
The stripes pattern draws one line from the top-left to the bottom-right corner of each square tile, producing 45-degree diagonals. Spacing sets the tile size and the stroke value sets line thickness. For horizontal and vertical lines, choose the grid pattern.
Can I make the pattern background transparent?
Not from the settings: each tile includes a rectangle filled with the background color you pick. For transparency, remove that rect element or give it a fill-opacity of 0 in the downloaded SVG markup.
Dove viene elaborato il mio input?
Questa operazione elabora i dati di origine nel tuo browser. Copia e download sono azioni esplicite; l'input di origine non viene salvato in un account né in una cronologia.
Quali sono i limiti di input?
Le immagini usano il limite esistente della canvas di 32 megapixel. Dove supportato sono consentite fino a 100 immagini di origine. L'HTML incollato è limitato a 200.000 caratteri; i diagrammi Mermaid a 20.000 caratteri e 300 righe. La generazione di SVG e PNG richiede un browser.