Generatore di immagini segnaposto SVG

Screenshot del codiceRiconoscimento del codice QRGeneratore di codici QRGeneratore di codici QR WiFiGeneratore di segnaposto SVGRiconoscimento immagini OCRTesto a immagine

Generatore di immagini segnaposto SVG

Questo strumento supporta la personalizzazione delle dimensioni, del testo e del colore di primo piano (sfondo) delle immagini SVG. È possibile fare riferimento direttamente all'immagine segnaposto SVG generata tramite l'URL oppure è possibile salvare localmente l'immagine SVG per l'utilizzo in altre scene.

Larghezza immagine (px)

Altezza immagine (px)

colore di primo piano

Hex

Alpha

Colore di sfondo

Hex

Alpha

SVG HTML

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 350" width="600" height="350">
  <rect width="600" height="350" fill="#cccccc"></rect>
  <text x="50%" y="50%" dominant-baseline="middle" text-anchor="middle" font-family="monospace" font-size="26px" fill="#333333">600*350</text>   
</svg>

SVG Base64

data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MDAgMzUwIiB3aWR0aD0iNjAwIiBoZWlnaHQ9IjM1MCI+CiAgPHJlY3Qgd2lkdGg9IjYwMCIgaGVpZ2h0PSIzNTAiIGZpbGw9IiNjY2NjY2MiPjwvcmVjdD4KICA8dGV4dCB4PSI1MCUiIHk9IjUwJSIgZG9taW5hbnQtYmFzZWxpbmU9Im1pZGRsZSIgdGV4dC1hbmNob3I9Im1pZGRsZSIgZm9udC1mYW1pbHk9Im1vbm9zcGFjZSIgZm9udC1zaXplPSIyNnB4IiBmaWxsPSIjMzMzMzMzIj42MDAqMzUwPC90ZXh0PiAgIAo8L3N2Zz4=

Cos'è un'immagine segnaposto?

Il segnaposto, chiamato PlaceHolder in inglese, viene solitamente utilizzato in scenari in cui non è necessario riempire il contenuto effettivo ma la sua posizione deve essere mantenuta, come i segnaposto di testo e i segnaposto di immagini. Questo strumento fornisce la funzione di generare immagini segnaposto. Le immagini segnaposto generate sono in formato SVG. Il processo di generazione SVG viene completato nel client (browser) ed è estremamente veloce. Pertanto, questo strumento è anche chiamato strumento immagine segnaposto SVG. .
Le immagini segnaposto vengono utilizzate principalmente nella progettazione di prototipi di pagine Web (APP), dimostrazioni PPT, istruzioni operative e altre scene. Trasmettono il significato: che tipo di immagine verrà posizionata in questo luogo e la dimensione è di xxx pixel. Nello scenario precedente, l'utilizzo di immagini segnaposto può evitare il dispendio di tempo derivante dalla necessità di trovare immagini ogni volta.