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

No:37178

←

Prev Next

→

Camera simulator
Developer User17015｜Date and time 24/1/20 17:31:57
Build time 9.898 sec｜Game capacity 2.483KB｜

Script

Камера Симулятор

Предпросмотр фото

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Camera Simulator</title>
  <style>
    body {
      font-family: Arial, sans-serif;
      background-color: #f9f9f9;
      margin: 0;
      padding: 0;
    }

.container {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      height: 100vh;
    }

.camera {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      background-color: #fff;
      border-radius: 10px;
      padding: 20px;
      box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
      margin-bottom: 20px;
    }

.capture-button {
      background-color: #3498db;
      color: #fff;
      font-weight: bold;
      border: none;
      border-radius: 5px;
      padding: 10px 20px;
      cursor: pointer;
      transition: background-color 0.3s ease;
    }

.capture-button:hover {
      background-color: #2980b9;
    }

.image-preview {
      margin-top: 20px;
      display: none;
    }
  </style>
</head>
<body>
  <div class="container">
    <div class="camera">
      <h1>Камера Симулятор</h1>
      <img src="pictogram_camera.png" alt="Camera Pictogram" width="100">
      <button class="capture-button">Захватить фото</button>
    </div>
    <div class="image-preview">
      <h2>Предпросмотр фото</h2>
      <img src="" alt="Image Preview" width="300">
    </div>
  </div>

// Добавляем обработчик события на клик по кнопке "Захватить фото"
    captureButton.addEventListener('click', function() {
      // Генерируем случайное имя для изображения
      const imageName = 'photo_' + Math.floor(Math.random() * 100000) + '.jpg';

// Создаем новый Image объект
      const image = new Image();

// Задаем путь к изображению
      image.src = imageName;

// Отображаем предпросмотр фото и устанавливаем путь к изображению
      imagePreview.style.display = 'block';
      imagePreview.querySelector('img').src = image.src;
    });
  </script>
</body>
</html>