Generador de marcador de posición SVG

Captura de códigoReconocimiento de código QRGenerador de códigos QRGenerador de código QR de WiFiGenerador de marcador de posición SVGReconocimiento de imágenes OCRTexto a imagen

Generador de imágenes de marcador de posición SVG

Esta herramienta admite la personalización del tamaño, el texto y el color de primer plano (fondo) de las imágenes SVG. Se puede hacer referencia directa a la imagen de marcador de posición SVG generada a través de la URL, o el SVG se puede guardar localmente para usarlo en otras escenas.

Ancho(px)

Altura(px)

Color de primer plano

Hex

Alpha

Color de fondo

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=

¿Qué es un marcador de posición?

Marcador de posición, también llamado PlaceHolder en inglés, se usa generalmente en escenarios donde no se requiere contenido real pero se debe conservar su posición, como: marcadores de posición de texto, marcadores de posición de imagen. Esta herramienta proporciona la función de generar imágenes de marcador de posición. La imagen de marcador de posición generada está en formato SVG. El proceso de generación de SVG se completa en el cliente (navegador), que es extremadamente rápido, por lo que esta herramienta también se llama herramienta de marcador de posición SVG.
El marcador de posición se usa principalmente en el diseño de prototipos de página web (APP), presentación de PPT, instrucciones de operación y otros escenarios. El significado transmitido es: qué tipo de imagen se colocará aquí y el tamaño es xxx píxeles. En los escenarios anteriores, el uso de marcadores de posición puede evitar el costo de tiempo de encontrar imágenes cada vez.