fix: update canvas size on window resize

This commit is contained in:
Felix Roos 2023-06-30 16:03:56 +02:00
parent 90a58858ca
commit 1b85aa713b
2 changed files with 11 additions and 2 deletions

View file

@ -15,6 +15,14 @@ export const getDrawContext = (id = 'test-canvas') => {
canvas.height = window.innerHeight;
canvas.style = 'pointer-events:none;width:100%;height:100%;position:fixed;top:0;left:0';
document.body.prepend(canvas);
let timeout;
window.addEventListener('resize', () => {
timeout && clearTimeout(timeout);
timeout = setTimeout(() => {
canvas.width = window.innerWidth;
canvas.height = window.innerHeight;
}, 200);
});
}
return canvas.getContext('2d');
};