SVG-plaatsaanduidingsgenerator

Genereer SVG-afbeeldingen om als tijdelijke aanduiding in uw toepassingen te gebruiken.

Breedte (in px)

Achtergrond

Hoogte (in px)

Tekstkleur

Lettergrootte

Aangepaste tekst

Gebruik exacte maat

SVG HTML-element

<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">600x350</text>
</svg>

SVG in Base64

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

Wat is een tijdelijke aanduiding?

Tijdelijke aanduiding, in het Engels ook PlaceHolder genoemd, wordt meestal gebruikt in scenario's waarin feitelijke inhoud niet vereist is, maar de positie ervan moet worden behouden, zoals: tijdelijke aanduidingen voor tekst, tijdelijke aanduidingen voor afbeeldingen. Deze tool biedt de functie voor het genereren van tijdelijke afbeeldingen. De gegenereerde tijdelijke afbeelding heeft de indeling SVG. Het proces voor het genereren van SVG wordt voltooid op de client (browser), wat extreem snel is, dus deze tool wordt ook wel de SVG-placeholder-tool genoemd.
Placeholder wordt voornamelijk gebruikt bij het prototypeontwerp van webpagina's (APP), PPT-presentatie, bedieningsinstructies en andere scenario's. De betekenis die wordt overgebracht is: wat voor soort afbeelding wordt hier geplaatst, en de grootte is xxx pixels. In de bovenstaande scenario's kan het gebruik van tijdelijke aanduidingen de tijdskosten vermijden die gepaard gaan met het elke keer zoeken naar afbeeldingen.