imgfloat/server
1
0
Fork 0
mirror of https://github.com/imgfloat/server.git synced 2026-02-05 03:39:26 +00:00
Code Issues Packages Projects Releases Wiki Activity

Scale window correctly

Browse Source
This commit is contained in:
Andreas Krühlmann
2026-01-05 16:35:27 +01:00
parent 864aeb86eb
commit 3fb95fe7a8
5 changed files with 45 additions and 51 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/main/resources/static/css/styles.css
View File

@@ -1103,11 +1103,6 @@ button:disabled:hover {
}
.broadcast-body canvas {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none;
}

15
src/main/resources/static/js/broadcast.js
View File

@@ -154,15 +154,6 @@ function fetchCanvasSettings() {
}
function resizeCanvas() {
const scale = Math.min(window.innerWidth / canvasSettings.width, window.innerHeight / canvasSettings.height);
const displayWidth = canvasSettings.width * scale;
const displayHeight = canvasSettings.height * scale;
canvas.width = canvasSettings.width;
canvas.height = canvasSettings.height;
canvas.style.width = `${displayWidth}px`;
canvas.style.height = `${displayHeight}px`;
canvas.style.left = `${(window.innerWidth - displayWidth) / 2}px`;
canvas.style.top = `${(window.innerHeight - displayHeight) / 2}px`;
draw();
}
@@ -279,8 +270,8 @@ function applyPatch(assetId, patch) {
const targetLayer = Number.isFinite(patch.layer)
? patch.layer
: Number.isFinite(patch.zIndex)
? patch.zIndex
: null;
? patch.zIndex
: null;
if (!isAudio && Number.isFinite(targetLayer)) {
const currentOrder = getLayerOrder().filter((id) => id !== assetId);
const insertIndex = Math.max(0, currentOrder.length - Math.round(targetLayer));
@@ -773,7 +764,7 @@ function setVideoSource(element, asset) {
}
applyVideoSource(element, next.objectUrl, asset);
})
.catch(() => {});
.catch(() => { });
}
function applyVideoSource(element, objectUrl, asset) {