Deseo crear una utilidad que permita a las personas ingresar su matrícula, seleccionar varias opciones y luego ver su matrícula generada en tiempo real.
Esencialmente esto: https://www.ukregplates.co.uk/number-plate-builder
Mi idea inicial fue construir la placa como un elemento HTML y cambiar los elementos dinámicamente usando javascript. Creo que este es un enfoque perfectamente útil.
Sin embargo, al inspeccionar el elemento y ver el código fuente en el sitio anterior, parece que la imagen se cambia dinámicamente según las opciones seleccionadas. Específicamente, las elecciones que se hacen afectan el atributo src de la imagen, que es lo que parece generar la imagen. De hecho, puedo abrir la imagen en una nueva ventana y/o descargarla.
Esto no sería posible con el enfoque puro de HTML/CSS/JS.
He intentado buscar en Google para encontrar cómo se hace esto. Busqué en Github y busqué Stack Overflow, pero finalmente necesito admitir la derrota en este caso.
¿Alguien puede arrojar algún tipo de luz sobre esto para mí, por favor?
La imagen a la que te refieres se genera del lado del servidor, no del lado del cliente. Está enviando una solicitud al servidor con los parámetros que describen lo que quiere, y un proceso del lado del servidor genera la imagen de la placa y la devuelve. Sin embargo, nada le impide generar imágenes del lado del cliente. La API de Canvas proporciona un mecanismo para generar gráficos en el cliente y existen varias bibliotecas de JavaScript para facilitar esto.