Click here for free DL of the app version that can save data.

No:40280

Un juego donde genere imagen con texto,pones el te..ALL
Developer User18058｜Date and time 24/2/2 7:41:37
Build time 6.708 sec｜Game capacity 1.881KB｜

Script

Juego de Generador de Imágenes con Texto

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

Click here for free DL of the app version that can save data.

<!DOCTYPE html>
<html>
<head>
    <title>Juego de Generador de Imágenes con Texto</title>
</head>
<body>
    <script>
        // Función para generar la imagen con texto
        function generarImagen() {
            var texto = document.getElementById("texto").value; // Obtener el texto ingresado
            
            // Validar si se ingresó texto
            if (texto.trim() === "") {
                alert("Por favor ingresa algún texto."); // Mostrar alerta si no se ingresó texto
                return;
            }
            
            var canvas = document.createElement("canvas"); // Crear elemento canvas
            var context = canvas.getContext("2d"); // Obtener el contexto 2D
            
            canvas.width = 500; // Establecer el ancho del canvas
            canvas.height = 500; // Establecer el alto del canvas
            
            // Dibujar un rectángulo de fondo blanco
            context.fillStyle = "white";
            context.fillRect(0, 0, canvas.width, canvas.height);
            
            // Dibujar el texto en el centro del canvas
            context.fillStyle = "black";
            context.font = "bold 40px Arial";
            context.textAlign = "center";
            context.textBaseline = "middle";
            context.fillText(texto, canvas.width/2, canvas.height/2);
            
            var imagen = document.createElement("img"); // Crear elemento imagen
            imagen.src = canvas.toDataURL(); // Convertir el canvas a una URL de imagen
            
            // Mostrar la imagen generada en la página
            document.body.appendChild(imagen);
        }
    </script>
    
    <h1>Juego de Generador de Imágenes con Texto</h1>
    
    <input type="text" id="texto" placeholder="Ingresa el texto">
    <br><br>
    
    <button onclick="generarImagen()">Generar</button>
</body>
</html>