Mein Beispiel für WebGL und der Monitor-Test nutzen zur Darstellung ein Canvas-Element. Zusätzlich ist jeweils die Möglichkeit vorhanden, die Darstellung auf den Vollbild-Modus umzuschalten. Technisch wird das mit dem Fullscreen API realisiert. Die Vorgehensweise ist dabei immer gleich:
- Wenn der Knopf für den Vollbild-Modus angeklickt wird, wir mit
requestFullscreen()
das Canvas-Element auf Vollbild-Darstellung umgestellt. - Ein Handler, der auf diesen Wechsel reagiert, korrigiert im Vollbild-Modus die Breite und Höhe des Elementes auf die Bildschirm-Größe unter Berücksichtigung der
window.devicePixelRatio
, damit die native Auflösung des Gerätes verwendet wird.