как сделать игру в полноэкранный режим?

[Ivan912]

У меня в игре очень много различных элементов кнопок,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)
Модератор