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

No:27012

Nesse jogo é um escrevedor de imagens que quando v..ALL
Developer User13367｜Date and time 23/12/3 22:34:14
Build time 34.193 sec｜Game capacity 2.597KB｜

Script

Jogo de Escrever Imagens

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>Jogo de Escrever Imagens</title>
    <style>
        body {
            text-align: center;
        }
        
        h1 {
            font-size: 24px;
        }
        
        #image-upload {
            display: none;
        }
        
        #image-display {
            margin-top: 20px;
        }
        
        #text-input {
            margin-top: 20px;
            width: 80%;
            padding: 10px;
            font-size: 16px;
        }
        
        #save-button {
            margin-top: 20px;
            padding: 10px 20px;
            font-size: 16px;
            background-color: #428bca;
            color: #fff;
            border: none;
            cursor: pointer;
        }
    </style>
</head>
<body>
    <h1>Jogo de Escrever Imagens</h1>
    <input type="file" id="image-upload" accept=".jpg, .jpeg, .png">
    <div id="image-display"></div>
    <input type="text" id="text-input" placeholder="Digite o texto da imagem">
    <button id="save-button">Salvar</button>

reader.onload = function (e) {
                    var imageDisplay = document.getElementById('image-display');
                    imageDisplay.innerHTML = '<img src="' + e.target.result + '">';
                }

reader.readAsDataURL(input.files[0]);
            }
        }

function saveImage() {
            var textInput = document.getElementById('text-input').value;
            var imageDisplay = document.getElementById('image-display');
            var image = imageDisplay.getElementsByTagName('img')[0];
            var canvas = document.createElement('canvas');
            var ctx = canvas.getContext('2d');
            ctx.drawImage(image, 0, 0);

ctx.font = '20px Arial';
            ctx.fillStyle = '#000';
            ctx.fillText(textInput, 20, 40);

var link = document.createElement('a');
            link.href = canvas.toDataURL();
            link.download = 'imagem.png';
            link.click();

alert('Imagem salva com sucesso!');
        }

var imageUpload = document.getElementById('image-upload');
        var saveButton = document.getElementById('save-button');

imageUpload.addEventListener('change', function() {
            readImage(this);
        });

saveButton.addEventListener('click', function() {
            saveImage();
        });
    </script>
</body>
</html>