imports/imhex
1
0
Fork 0
mirror of https://github.com/WerWolv/ImHex.git synced 2026-03-28 07:47:03 -05:00
Code Issues Packages Projects Releases Wiki Activity

web: Make sure canvas takes up the full window

Browse Source
This commit is contained in:
WerWolv
2023-10-06 15:23:00 +02:00
parent d36e299c35
commit 85515a729f
3 changed files with 13 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
dist/web/source/index.html vendored
View File

@@ -65,7 +65,7 @@
</head>
<body>
<p id="loading_text">ImHex is loading...</p>
<canvas class="emscripten" id="canvas" oncontextmenu="event.preventDefault()" style="display: none; image-rendering: crisp-edges"></canvas>
<canvas class="emscripten" id="canvas" oncontextmenu="event.preventDefault()"></canvas>
<script type="text/javascript" src="wasm-config.js"></script>
<script async type="text/javascript" src="imhex.js"></script>

8
dist/web/source/style.css vendored
View File

@@ -19,6 +19,14 @@ body {
border: 0px none;
}
.canvas_full_screen {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
#loading_text {
color: #F0F0F0;
font-size: 30px;

6
dist/web/source/wasm-config.js vendored
View File

@@ -63,6 +63,8 @@ var Module = {
window.addEventListener('resize', js_resizeCanvas, false);
function js_resizeCanvas() {
let canvas = document.getElementById('canvas');
canvas.width = window.innerWidth;
canvas.height = window.innerHeight;
canvas.width = Math.min(document.documentElement.clientWidth, window.innerWidth || 0);
canvas.height = Math.min(document.documentElement.clientHeight, window.innerHeight || 0);
canvas.classList.add("canvas_full_screen")
}