Форум программистов
 

Восстановите пароль или Зарегистрируйтесь на форуме, о проблемах и с заказом рекламы пишите сюда - alarforum@yandex.ru, проверяйте папку спам!

Вернуться   Форум программистов > Web программирование > HTML и CSS
Регистрация

Восстановить пароль
Повторная активизация e-mail

Купить рекламу на форуме - 42 тыс руб за месяц

Ответ
 
Опции темы Поиск в этой теме
Старый 27.04.2019, 20:32   #1
Ivan912
Пользователь
 
Регистрация: 26.01.2019
Сообщений: 32
По умолчанию как сделать игру в полноэкранный режим?

У меня в игре очень много различных элементов кнопок,svg,css.Нужно чтобы при нажатие на кнопку сделать во весь экран вся игра становилась в полноэкранном режиме,а при нажатие на кнопку убрать полноэкранный режим игры выходила из него. и это не должно быть симуляции кнопки f11 так как игра в соцсети. Элементы должны увелчиться и встать на теже места относительно полного экрана.

Код:
var cvs = document.getElementById("canvas"); // подлкючаем канвас
var ctx = cvs.getContext("2d"); // говорим то что наша игра 2д

function v31() { // добавляем картинку 
  var image14 = new Image();
  image14.src = 'https://cdn.pixabay.com/photo/2018/04/23/15/47/wind-mill-3344661_960_720.jpg';

  function v34() {
    ctx.drawImage(image14, 0, 0);
  }
  
  image14.onload = v34;
  v34();
}

v31();

// создаём кнопку и добавляем относительно полотна 
bt10 = document.createElement('BUTTON');
bt10.id = 'cm10';
bt10.textContent = 'сделать во всесь экран ';
document.getElementById("container").appendChild(bt10);
bt10.onclick = function() {}

// создаём кнопку и добавляем относительно полотна 
bt12 = document.createElement('BUTTON');
bt12.id = 'cm13';
bt12.textContent = 'убрать полноэкранный режим  ';
document.getElementById("container").appendChild(bt12);
bt12.onclick = function() {}

Код:
.container {
  box-sizing: content-box;
  max-width: 1000px;
  max-height: 675px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

#cm10 {
  position: absolute;
  top: 200px;
  left: 300px;
}

#cm13 {
  position: absolute;
  top: 200px;
  left: 600px;
}
Код:
<div id='container' class="container">
  <canvas id="canvas" width="1000" height="675"></canvas>
  <!-- полотно где отображается код -->
</div>


_____
Код программы нужно выделять (форматировать) тегами [CODE] [/CODE] (читать FAQ)
Модератор

Последний раз редактировалось Ivan912; 27.04.2019 в 20:54.
Ivan912 вне форума Ответить с цитированием
Ответ


Купить рекламу на форуме - 42 тыс руб за месяц

Опции темы Поиск в этой теме
Поиск в этой теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Не получается сделать полноэкранный режим, DirectX9 Trinock Gamedev - cоздание игр: Unity, OpenGL, DirectX 2 30.01.2012 20:08
полноэкранный режим candalik Помощь студентам 4 17.12.2010 13:32
Полноэкранный режим Devoto Общие вопросы Delphi 4 05.12.2008 13:42
Полноэкранный режим mishel Общие вопросы Delphi 2 26.01.2007 02:31